<form action="" name="la">
<table>
<tr>
<td><input type="checkbox" val="1" name="ck"></td>
<td>大家好</td>
</tr>
<tr>
<td><input type="checkbox" val="2" name="ck"></td>
<td>非常好呢</td>
</tr>
<tr>
<td><input type="checkbox" val="3" name="ck"></td>
<td>最近你好吗</td>
</tr>
<tr>
<td><input type="checkbox" val="4" name="ck"></td>
<td>哈哈哈哈</td>
</tr>
<tr>
<label for="cc">
<td><input id="cc" type="checkbox" val="5" οnclick="selectAll(document.la,this,'ck')"></td>
<td>全选/不全选</td>
</label>
</tr>
</table>
</form>
<script>
function selectAll(arr,obj,id){
for(var i = 0; i < arr.length ; i++){ //遍历form表单里所有的input标签数
if(arr[i].name.indexOf(id) >= 0){ //判断input标签上的name属性值是否是我们指定的值
if(obj.checked){ //判断触发该方法的dom是否有选中属性
arr[i].checked = true; //有选中,则所有的input标签都为选中状态
}else{
arr[i].checked = false; //没有则,全部改为未选中状态
}
}
}
}
</script>
原生js写的一个全选,不全选功能。
最新推荐文章于 2023-02-21 15:38:18 发布