Question

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

Answer 1

<table>
<tr>
<td><input type="checkbox" name="s">全选</td><td>内容</td>
</tr>
<tr>
<td><input type="checkbox" name="b"></td><td>复选1</td>
</tr>
<tr>
<td><input type="checkbox" name="b"></td><td>复选2</td>
</tr>
<tr>
<td><input type="checkbox" name="b"></td><td>复选3</td>
</tr>
</table>

<script>
$("input[name='s']").click(function(){
//判断当前点击的复选框处于什么状态$(this).is(":checked") 返回的是布尔类型
if($(this).is(":checked")){
$("input[name='b']").prop("checked",true);
}else{
$("input[name='b']").prop("checked",false);
}
});
</script>