Question

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

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

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

我看了.trigger()和.click()但是，似乎都没有做到这一点。

我可以采取另一种方式进入此回调吗？

Answer 1

如果您想要勾选复选框，只需将checked属性设置为checked

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

如果你要发起change();事件，

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

或

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

Answer 2

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

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 );

Answer 3

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

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

Answer 4

按名称单独定义您的功能，然后在为每个已检查的项目加载页面后调用它。

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。对于我使用的复选框示例，您需要的最终结果是：

$().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);
        });
    }
});
";

?>

在Jquery中手动触发事件

4 个答案: