针对选择:

博客介绍了使用JavaScript实现复选框操作的效果与代码。页面上方有三个按钮,下方有10个复选框,点击第一个按钮全选,第二个按钮撤销选择,第三个按钮反选。代码通过获取按钮和复选框元素,利用for循环实现相应功能。

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循环。

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值