Jquery上的Fire事件检查/取消选中

Question

我想根据复选框click/unclick事件设置一个变量（pageselected）。

HTML代码为：

<thead>
    <tr id="othercheckbox">
        <th width="10"><input type="checkbox" name="zip" class="all"  value="all" /></th>              
    </tr>
</thead>

JS文件中的代码是：

$('#othercheckbox').click(function() {

    if($(this).is(':checked')){
        console.log("CCCCheckeddddddd");
        that.pageselected = true;
    }
    else
    {
        console.log("UNCheckeddddddd");
        that.pageselected = false;
    }
}

但这并不像预期的那样。我哪里错了？

Answer 1

您正在检查行是否已选中，这是不可能的。在复选框上绑定onchange事件。把它放在复选框上，让我们说复选框。

HTML代码：

<input type="checkbox" name="zip" id="checkbox1" class="all"  value="all" />

JS脚本：

$('#checkbox1').change(function(){

    if($(this).is(':checked')){
        console.log("CCCCheckeddddddd");
    }
    else
    {
        console.log("UNCheckeddddddd");
    }    

});

Answer 2

<强> JSFIDDLE DEMO

由于复选框位于ID为tr的{​​{1}}内。请使用此

othercheckbox

Answer 3

更改选择器。将事件绑定在输入上而不是tr上。如果您只想设置true或false，那么以下方法会更好。

<强> JS：

$('#othercheckbox input').click(function () {        
    var pageselected = $(this).is(':checked'); // change pageselected or any variable of your choice accordingly.
});

演示：http://jsfiddle.net/lotusgodkk/GCu2D/329/