1.效果:
上边有三个按钮。下边有10个复选框:
点击第一个按钮,下边的复选框全选
点击第二个按钮,下边的复选框全部撤销
点击第三个按钮,反选(选中的会撤销,没有选中的会选中);
代码:
var inp = document.getElementsByTagName("input");
var btn = document.getElementsByTagName("button");
btn[0].onclick = function(){
for(var i = 0;i<inp.length;i++){
inp[i].checked = true;
}
btn[1].onclick = function(){
for(var i = 0;i<inp.length;i++){
inp[i].checked = false;
}
}
btn[2].onclick = function(){
for(var i = 0;i<inp.length;i++){
if( inp[i].checked == true){
inp[i].checked = false;
}else{
inp[i].checked = true;
}
}
}
}
}
注解:inp是获取的10个input的id
btn是获取的三个按钮的id
记住每一个都要用到for循环。
博客介绍了使用JavaScript实现复选框操作的效果与代码。页面上方有三个按钮,下方有10个复选框,点击第一个按钮全选,第二个按钮撤销选择,第三个按钮反选。代码通过获取按钮和复选框元素,利用for循环实现相应功能。

被折叠的 条评论
为什么被折叠?



