首页 > 代码库 > js实现复选框的操作-------Day41
js实现复选框的操作-------Day41
不知道之前的一篇为什么一直处于审核阶段,难道有哪个词语是敏感词被河蟹了?
不管了,重新写了这篇,也算是加深记忆吧。
首先要写的是今天在进行表格数据操作时用到的对复选框checkbox的全选和全不选,首先来编写下html语言
<table> <thead> <tr> <td><input type="checkbox" id="sall" onchange="changeAll()"></td> </tr> </thead> <tbody> <tr> <td><input type="checkbox" name="each" value=http://www.mamicode.com/"1">>来写一下从网上搜罗后最终实现的比较简单明了的写法,比自己写的好了不止一倍啊function changeAll(){ var sall=document.getElementById("sall");//获取标题栏中的操作对象 var seach=document.getElementsByName("each");//获取内容栏的对象 for(var i=0;i<seach.length;i++){ if (sall.checked) { seach[i].checked=true; }else{ seach[i].checked=false; } } }来分析下它的实现方法,比自己写的果断要好了不少,自己当时采取了两种方法,但是远不如这个成型的简介明了,自己的全用id来操作确实又臭又长了。对复选框的操作还有比较常见的复选框,就上面这个例子来的话,我们来实现下:onchange="change()"
function change(){ var seach=document.getElementsByName("each"); for(var i=0;i<seach.length;i++){ seach[i].checked=!seach[i].checked; } }最后,对复选框的最常用的就是获取某一列的信息,从而实现传值,这里我们来获取下值:var seach=document.getElementsByName("each"); for(var i=0;i<seach.length;i++){ if(seach[i].checked){ alert(seach[i].value);} }
不知道自己究竟坚持的是什么了,这样重新编写一遍的话,效果上来说,实在没有第一遍来的那么好,不管那么多了,加油吧,菜鸟飞飞飞....
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。