js实现checkbox多选和反选
2016-02-18 11:59
369 查看
<input type="checkbox" id="controlAll" onclick="selectAll()"/> //控制多选的复选框
<div>
<input name="select_id" type="checkbox" value="1" /><br />
<input name="select_id" type="checkbox" value="2" /><br />
<input name="select_id" type="checkbox" value="3" /><br />
<input name="select_id" type="checkbox" value="4" /><br />
<input name="select_id" type="checkbox" value="5" /><br />
<input name="select_id" type="checkbox" value="6" /><br />
<div>
<script type="text/javascript">
function selectAll(){
var checklist = document.getElementsByName("select_id"); //获取所有name为select_id的input标签数组
if(document.getElementById("controlAll").checked){ //判断总选按钮是否选中
//alert(checklist.length);
for(var i=0;i<checklist.length;i++){
checklist[i].checked = 1;
}
}else{ //如果总选按钮没有选中
for(var j=0;j<checklist.length;j
b813
++){
checklist[j].checked = 0;
}
}
}
</script>
效果如图
<div>
<input name="select_id" type="checkbox" value="1" /><br />
<input name="select_id" type="checkbox" value="2" /><br />
<input name="select_id" type="checkbox" value="3" /><br />
<input name="select_id" type="checkbox" value="4" /><br />
<input name="select_id" type="checkbox" value="5" /><br />
<input name="select_id" type="checkbox" value="6" /><br />
<div>
<script type="text/javascript">
function selectAll(){
var checklist = document.getElementsByName("select_id"); //获取所有name为select_id的input标签数组
if(document.getElementById("controlAll").checked){ //判断总选按钮是否选中
//alert(checklist.length);
for(var i=0;i<checklist.length;i++){
checklist[i].checked = 1;
}
}else{ //如果总选按钮没有选中
for(var j=0;j<checklist.length;j
b813
++){
checklist[j].checked = 0;
}
}
}
</script>
效果如图
相关文章推荐
- STL 优先队列实现的DIJSKTRA算法
- JSHint 配置浅析
- Js实现简单的小球运动特效
- 基于Newtonsoft.Json进行JSON文档的解析
- 《JavaScript高级程序设计》读书笔记(四)
- JS 实现可停顿的垂直滚动
- C#集合转换为json
- 学习html&css&JavaScript记录
- HTML5,CSS,JS知识记录
- angular js随意笔记
- Javascript闭包详解
- 编写可维护的Javascript纪要
- Thymeleaf Javascript 引用与取值
- 初识JSON
- js字符串长度截取 substring、substr、slice
- input标签只能输入数字js实现(且不能输入e或者其他各种符号)
- json转换为各种数据对象格式
- 用JavaScript将数字转换为大写金额
- fastJSON
- JSONKit 在Xcode7下的问题