本文介绍了一种使用JavaScript实现复选框全选的方法。通过一个简单的示例展示了如何为一组具有相同名称属性的复选框添加全选功能。点击全选按钮可以反转所有相关复选框的状态。
js实现checkbox全选
<script language= 'javascript '>
function selectall(){var check_id = document.getElementsByName("items[]");
if(check_id != null){
for (var i=0; i<check_id.length; i++){
check_id[i].checked = !check_id[i].checked;
}
}
}
</script>
<div>
<form name= 'myform '>
<input type= 'checkbox ' name= 'items[] ' value= 'a '> a <br/>
<input type= 'checkbox ' name= 'items[] ' value= 'b '> b<br/>
<input type= 'checkbox ' name= 'items[] ' value= 'c '> c <br/>
<input type= 'checkbox ' name= 'items[] ' value= 'd '> d<br/>
<input type= "checkbox " name= 'allCheck ' onclick= "selectall()"> 全选
</form>
</div>
扫一扫
696
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
