Question

用jquery怎么实现全选/全不选

Answer 1

方法/步骤

1
HTML代码：
<table>
<tr>
<td><input type="checkbox" name="b">全选</td><td>内容</td>
</tr>
<tr>
<td><input type="checkbox" name="a"></td><td>复选1</td>
</tr>
<tr>
<td><input type="checkbox" name="a"></td><td>复选2</td>
</tr>
<tr>
<td><input type="checkbox" name="a"></td><td>复选3</td>
</tr>
<tr>
<td><input type="checkbox" name="a"></td><td>复选4</td>
</tr>
<tr>
<td><input type="checkbox" name="a"></td><td>复选5</td>
</tr>
<tr>
<td><input type="checkbox" name="a"></td><td>复选6</td>
</tr>
</table>
2
JAVASCRIPT代码：
<script>
$("input[name='b']").click(function(){
//判断当前点击的复选框处于什么状态$(this).is(":checked") 返回的是布尔类型
if($(this).is(":checked")){
$("input[name='a']").prop("checked",true);
}else{
$("input[name='a']").prop("checked",false);
}
});
</script>

Answer 2

结合一个例子来吧。比如：

<input type='checkbox' id='id1' name='checkname[]' value='1' />value1  
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2 
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3 
<input type="button" id="checkall" name="checkall" value="全选" /> 
<input type="button" id="delcheckall" name="delcheckall" value="取消全选" />

jQuery代码如下:

$("#checkall").click( 
  function(){ 
    if(this.checked){ 
        $("input[name='checkname']").attr('checked', true)
    }else{ 
        $("input[name='checkname']").attr('checked', false)
    } 
  } 
);