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

Question

我想根据checkbox 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的.复选框上的绑定事件.把它放在复选框上,让我们说复选框1.

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

由于复选框位于tr带有id的位置othercheckbox..使用此选项

$('#othercheckbox input[name="zip"]').click(function () {
    if ($(this).is(':checked')) {
        alert("CCCCheckeddddddd");
        //that.pageselected = true;
    } else {
        alert("UNCheckeddddddd");
        //that.pageselected = false;
    }
});