Jquery中的手动激发事件

Manually fire event in Jquery

本文关键字：事件 Jquery      更新时间：2024-02-10

我正在JQuery中动态创建一个输入框列表，并在选中它们时有一个事件通知我。

$("#myDiv").on("change",  "input[type='checkbox']" , function(){
   if(this.checked){
     alert("HERE");
     //...
   }else{
    alert("THERE");
    //...
   }
});

当页面加载并显示所有复选框时，我可以通过选中/取消选中来输入此项。问题是，我希望最初根据后端逻辑的结果来检查其中的一些。所以我想在初始加载之后输入这个函数。

然而，我看了.trigger()和.click()，它们似乎都不起作用。

我还有其他途径可以进入这个回拨吗？

如果要在复选框上显示checked，只需将checked属性设置为checked

<input type='checkbox' checked='checked' />

如果要激发change();事件，

$('<your_checkbox>').change();

或

$('<you_checkbox>').trigger('change');

在这种情况下，您可以创建一个命名函数，而不是使用匿名函数，并在需要时随时调用它。

var myFunction = function(){
   if(this.checked){
     alert("HERE");
     //...
   }else{
    alert("THERE");
    //...
   }
}
$("#myDiv").on("change", "input[type='checkbox']", myFunction );
// triggering the function manually:
$("#myDiv input[type='checkbox']").each( myFunction );

myDiv更改时，您的代码会被触发，并且您会传递一个复选框列表。这里的this是mydiv。为什么不使用：

$('input:checkbox').each(function(){// Now this is referring your checkbox});

按名称单独定义函数，然后在为每个已签出的项加载页面后调用它。

function onChange(this) {
    if(this.checked){
        alert("HERE");
        //...
    }else{
        alert("THERE");
        //...
    }
}

监视复选框更改的代码将变为：

$("#myDiv").on("change",  "input[type='checkbox']" , function() {
    onChange(this);
});

由于我不知道代码是什么样子的，我编写了一些代码来打印复选框，并定义默认情况下要选择哪些复选框。它是PHP，但这个概念应该适用于任何服务器端语言。

<select>
<?php
$items = array(
    'value1' => 'text1',
    'value2' => 'text2',
    'value3' => 'text3'
);
$selected = array(
    'value1' => true,
    'value3' => true
);
foreach ($items as $value => $text) {
    $selectedAttr = isset($selected[$value]) && $selected[$value]) ?
        " selected='selected'" : '';
    echo "<option value='$value'$selectedAttr>$text</option>";
}
?>
</select>

您需要打印javascript，该javascript运行您希望为每个选定选项执行的函数。对于我使用的复选框示例，您想要的最终结果是：

$().ready(function() {
    var defaultSelected = [ "[option name='value1']" , "[option name='value3']" ];
    for (var i=0; i < defaultSelected.length; i++) {
        $(defaultSelected[i]).each(onChange);
    }
});

您需要在服务器端生成javascript：

<?php
// $selected was defined in the previous code section
// Create selectors that will select each checkbox option
$selectors = array();
foreach ($selected as $s) {
    array_push($selectors, "[option name='$s']");
}
// Produces string: [ "[option name='value1']" , "[option name='value3']" ]
$jsSelectorArray = '[ "' . implode('" , "', $selectors) . '" ]';
echo "
$().ready(function() {
    var defaultSelected = $jsSelectorArray;
    for (var i=0; i < defaultSelected.length; i++) {
        $(defaultSelected[i]).each(function() {
            onChange(this);
        });
    }
});
";
?>
相关文章：