JavaScript---复选框全选的多种实现
<script language=javascript>
//第一种方法
function selectall1()
{
var a = document.getElementsByTagName("input");
if(a[0].checked==true){
for (var i=0; i<a.length; i++)
if (a[i].type == "checkbox") a[i].checked = false;
}
else
{
for (var i=0; i<a.length; i++)
if (a[i].type == "checkbox") a[i].checked = true;
}
}
//第二种方法
function selectall2() {
var tform = document.forms['form1'];
for (var i=0;i<tform.length;i++)
{
var e = tform.elements[i];
if (e.type == "checkbox")
e.checked = !e.checked;
}
}
//第三种方法,结合上述两种方法
function selectall3()
{
var a = document.getElementsByTagName("input");
for (var i=0; i<a.length; i++)
if (a[i].type == "checkbox") a[i].checked =!a[i].checked;
}
//第四方法
function selectall4(id){ //用id区分
var tform=document.forms['form1'];
for(var i=0;i<tform.length;i++){
var e=tform.elements[i];
if(e.type=="checkbox" && e.name==id) e.checked=!e.checked;
}
}
//第五种方法
function selectall5(theform,thename){
var tform=document.forms[theform];
//document.getElementById("thewen").value='反选';
for(var i=0;i<tform.length;i++){
var e=tform.elements[i];
if(e.type=='checkbox' && e.name==thename)e.checked=!e.checked;
}
}
</script>
<form id="form1" name="form1" method="post" action="">
<input type="checkbox" name="sid" value="1" />
<input type="checkbox" name="sid" value="2" />
<input type="checkbox" name="sid" value="3" />
<input type="checkbox" name="sid" value="4" />
<input name="thes" type="button" onclick="javascript:selectall1()" value="第一种" />
<input name="thes" type="button" onclick="javascript:selectall2()" value="第二种" />
<input name="thes" type="button" onclick="javascript:selectall3()" value="第三种" />
<input name="thes" type="button" onclick="javascript:selectall4('sid')" value="第四种" />
<input name="thes" type="button" onclick="javascript:selectall5('form1','sid')" value="第五种" />
</form>
最新文章
- sql 查看数据库物理文件路径
- 【架构】MQTT/XMPP/GCM 等参考资料
- js sort() 排序的问题
- 使用GIT进行源码管理——GIT托管服务
- 【LeetCode 208】Implement Trie (Prefix Tree)
- Debug Tools
- IE10与IMG图片PNG显示不了 WP中的WebBrowser中无法查看PNG格式的图片
- 360极速浏览器在XP系统下的一个bug
- 运用Autoconf和Automake生成Makefile的学习之路
- LeetCode Solutions : Swap Nodes in Pairs
- runtime基础知识
- mac下常用软件整理
- Bootstrap选项卡
- Spark RPC框架源码分析(二)RPC运行时序
- Python一些代码
- 机器学习基石9-Linear Regression
- tornado 初识
- galera cluster,mysql配置wsrep_notify_cmd参数,增加邮件告警
- 【转】vs2010打开qt的.pro文件时错误解决办法
- 两种方法获取MyBatis刚刚插入的id
热门文章
- oracle 函数 WMSYS.WM_CONCAT 与对应 mysql 函数GROUP_CONCAT的用法
- Ace admin 如何实现类似于freamset加载页面
- Git Brash在Windows下乱码问题
- Codeforces Round #527 (Div. 3) D2. Great Vova Wall (Version 2) 【思维】
- 强类型 和弱类型 c#
- byte转换字符串(string)+字符串转换byte
- 【题解】洛谷P2827 [NOIP2016TG] 蚯蚓(优先队列)
- MVC身份验证Attribute简易版
- DML-删除
- oracle入门(一)