Jquery中的选中/取消选中触发事件

Question

我希望根据复选框的点击/取消点击事件设置一个变量（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;
    }
}
      

但是这并没有按照预期的行为。我做错了什么吗？

- mmt

---

表格行没有选中属性。 - j08691

这是代码中声明的一个变量，被定义为var that = e.data.that;，因此我们将所有用户定义的变量称为that.<variable_name>。 - mmt

谢谢。那么我应该在哪里添加ID？ - mmt

@mmt：请检查答案。 - Shivang MIttal

Answer 1

你正在检查行是否已选中，这是不可能的。绑定onchange事件到复选框上。将其放在复选框上，比如说checkbox1。

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

});

- Shivang MIttal

---

我会删除 that，因为它未定义。 - Zack

Answer 2

JSFIDDLE演示

由于复选框位于带有id为othercheckbox的tr中，请使用以下代码：

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

- Venkata Krishna

Answer 3

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

JS:

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

Demo: http://jsfiddle.net/lotusgodkk/GCu2D/329/

- K K