您的位置：首页 > 其它

实现checkbox的全选和取消

2012-08-01 19:30 411 查看

View Code

//实现checkbox的全选和取消
<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航