我正在使用以下示例HTML代码。使用jQuery,我不确定如何使用id="select-all"
实现“选择/取消全选”以选中/取消选中以下所有name="p_v01"
<span style="font-size:8px;">Select All</span><br>
<input type="checkbox" name="select-all" id="select-all">
<span style="font-weight:bold;font-size:16px;padding-left:20px;">Emps</span>
<table summary="" role="presentation" class="checkbox_group">
<tbody>
<tr>
<td>
<input type="checkbox" id="P2_EMP_CB_0" name="p_v01" value="ANALYST">
<label for="P2_EMP_CB_0">ANALYST</label>
</td>
<td>
<input type="checkbox" id="P2_EMP_CB_1" name="p_v01" value="CLERK">
<label for="P2_EMP_CB_1">CLERK</label>
</td>
<td>
<input type="checkbox" id="P2_EMP_CB_2" name="p_v01" value="MANAGER">
<label for="P2_EMP_CB_2">MANAGER</label>
</td>
<td>
<input type="checkbox" id="P2_EMP_CB_3" name="p_v01" value="PRESIDENT">
<label for="P2_EMP_CB_3">PRESIDENT</label>
</td>
<td>
<input type="checkbox" id="P2_EMP_CB_4" name="p_v01" value="SALESMAN">
<label for="P2_EMP_CB_4">SALESMAN</label>
</td>
</tr>
</tbody>
答案 0 :(得分:2)
您可以使用:
$('#select-all').click(function() {
$('input[name="p_v01"]').prop('checked',this.checked);
});
<强> Fiddle Demo 强>
答案 1 :(得分:1)
试试这个:
$('#select-all').on('change', function() {
$('input[name="p_v01"]').prop('checked', this.checked);
});
change
#select-all
活动
$('input[name="p_v01"]')
check/uncheck
时,true/false
都会产生{。}}。答案 2 :(得分:0)
使用以下jQuery
<script>
$(document).ready(function(){
$('#select-all').click(function(){
$('input[name="p_v01"]').attr("checked",$(this).is(':checked'));
});
});
</script>