js实现复选框的操作-------Day41
来源:互联网 发布:1984书评知乎 编辑:程序博客网 时间:2024/06/05 17:58
不知道之前的一篇为什么一直处于审核阶段,难道有哪个词语是敏感词被河蟹了?
不管了,重新写了这篇,也算是加深记忆吧。
首先要写的是今天在进行表格数据操作时用到的对复选框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="1"></td> </tr> <tr> <td><input type="checkbox" name="each" value="2"></td> </tr> <tr> <td><input type="checkbox" name="each" value="3"></td> </tr> <tr> <td><input type="checkbox" name="each" value="4"></td> </tr> </tbody> </table>来写一下从网上搜罗后最终实现的比较简单明了的写法,比自己写的好了不止一倍啊
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);
}}
不知道自己究竟坚持的是什么了,这样重新编写一遍的话,效果上来说,实在没有第一遍来的那么好,不管那么多了,加油吧,菜鸟飞飞飞....
3 0
- js实现复选框的操作-------Day41
- js实现复选框的操作-------Day41
- js实现复选框的操作-------Day41
- js实现的复选框选中时的批量操作
- JS复选框操作
- js操作复选框
- js的复选框的操作
- js 对复选框的操作
- JS 复选框 操作JS
- JS下拉复选框的实现
- jquery实现对复选框的操作
- jquery实现复选框的全选操作
- jq实现最多复选框,js数组操作实践。
- js操作复选框全选
- js实现多选复选操作
- js实现选中复选框
- 【JS】复选框实现效果
- js 复选框的全选,全不选,反选等操作
- 记录
- 云计算技术的产生、概念、原理、应用和前景
- edit
- jfreechart
- Bitmap 使用
- js实现复选框的操作-------Day41
- 称砝码
- HDU 2126 Buy the souvenirs
- 用友软件转型升级初见成效 今年将积极培植新型业务
- 推送系统整合方案
- 【基础知识】C/C++动态开辟空间
- 容器set相关算法
- GPS 有源天线无源天线
- wampmysqld: unknown variable 'default-character-set=gbk'