js实现checkbox的全选和全不选
js实现checkbox的全选和取消,网页制作中很常用的js实现,供大家学习参考。
<script type="text/javascript">
function all(all){
var checkbox = document.getElementsByName("select");
if (all.checked){
for (i = 0;i<checkbox.length ;i++ )
{
checkbox[i].checked = true;
}
}
else{
for (i = 0;i<checkbox.length ;i++ )
{
checkbox[i].checked = false;
}
}
}
</script>
<style type="text/css">
</style>
</head>
<body>
<input type = "checkbox" onchange = "javascript:all(this)"/>全选<br/>
<input type = "checkbox" name = "select"/>苹果
<input type = "checkbox" name = "select"/>香蕉
<input type = "checkbox" name = "select"/>橘子
<input type = "checkbox" name = "select"/>荔枝
<input type = "checkbox" name = "select"/>橙子
<input type = "checkbox" name = "select"/>哈密瓜
</body>
您可能感兴趣的文章:
JQUERY复选框CHECKBOX全选,取消全选
checkbox全选与反选简单代码
js实现checkbox的全选和全不选
jQuery CheckBox全选、全不选实现代码小结
jQuery全选取得选中值的实例代码
JQuery checkbox全选的小例子
js实现checkbox全选与反选的例子
JQuery实现全选与反选的二种方法
jquery checkbox复选框是否选中的检测代码
jquery全选/全不选/反选另一种实现方法(配合原生js)