登录  /  注册
博主信息
博文 263
粉丝 3
评论 2
访问量 129284
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
全选、不选和反选
福哥的博客
原创
2030人浏览过

全选、不选和反选

<html>
<meta charset="utf-8"/>
<head>
</head>
<body>
<form method="post" name="form1" id="form1" action="">
 <tr>
 <td width="62" align="center"><input type="checkbox" name="conn_id_1" id="conn_id_1" value="1"/></td>
 <td>东邪</td>
 <td>PHP</td>
 <td>部门经理</td>
 <td>29</td>
 </tr>
 <br/><br/>
 <tr>
 <td width="62" align="center"><input type="checkbox" name="conn_id_2" id="conn_id_2" value="1"/></td>
 <td>西毒</td>
 <td>JAVA</td>
 <td>部门经理</td>
 <td>29</td>
 </tr>
 <br/><br/>
 <tr>
 <td width="62" align="center"><input type="checkbox" name="conn_id_3" id="conn_id_3" value="1"/></td>
 <td>南帝</td>
 <td>VB</td>
 <td>部门经理</td>
 <td>29</td>
 </tr>
 <br/><br/>
 <tr>
 <td width="62" align="center"><input type="checkbox" name="conn_id_4" id="conn_id_4" value="1"/></td>
 <td>北丐</td>
 <td>ASP</td>
 <td>部门经理</td>
 <td>29</td>
 </tr>
 <br/><br/>
 <tr>
 <input type="button" onclick="uncheckAll(form1,status)" value="不选">
 <input type="button" onclick="checkAll(form1,status)" value="全选">
 <input type="button" onclick="switchAll(form1,status)" value="反选">
 </tr>
</form>
<script>
 function uncheckAll(form1,status){ //不选
 var elements = document.getElementsByTagName('input'); //获取input标签
 for(var i=0;i<elements.length;i++){ //根据标签的长度执行循环
 if(elements[i].type == 'checkbox'){ //判断对象中元素的类型
 if(elements[i].checked==true){ //判断当checked的值为TURE时
 elements[i].checked=false; //将checked赋值为FALSE
 }
 }
 }
 }

 function checkAll(form1,status){ //全选
 var elements = document.getElementsByTagName('input');
 for(var i=0;i<elements.length;i++){
 if(elements[i].type == 'checkbox'){
 if(elements[i].checked==false){
 elements[i].checked=true;
 }
 }
 }
 }

 function switchAll(form1,status){ //反选
 var elements = document.getElementsByTagName('input');
 for(var i=0;i<elements.length;i++){
 if(elements[i].type == 'checkbox'){
 if(elements[i].checked==true){
 elements[i].checked=false;
 }else if(elements[i].checked==false){
 elements[i].checked=true;
 }
 }
 }
 }
</script>
</body>
</html>


本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学