实现checkbox的全选和取消

如果点击全选就把所有选项全选上，这个我们常用。。。

View Code

 1 <script type="text/javascript">
 2     /*实现checkbox的全选和取消*/
 3     function selectAll(dom){
 4      var a = document.getElementsByName("select");
 5         if(dom.checked){
 6             for(i=0;i<a.length;i++){
 7                 a[i].checked = true;
 8             }
 9         }else{
10             for(i=0;i<a.length;i++){
11                 a[i].checked = false;
12             }
13         }
14     }
15 <body>
16  <fieldSet>
17   <legend style = "margin-left : 500px">个人爱好</legend>
18   <input type= "checkbox" onchange = "selectAll(this)"/>全选</br>
19   <input type = "checkbox" name = "select"/>苹果
20   <input type = "checkbox" name = "select"/>逛街
21   <input type = "checkbox" name = "select"/>跑步
22   <input type = "checkbox" name = "select"/>郊游
23   <input type = "checkbox" name = "select"/>葡萄
24   <input type = "checkbox" name = "select"/>哈密瓜
25
26  </fieldSet>

大家可以练习一下...

转载于:https://www.cnblogs.com/QLJ1314/archive/2012/08/04/2623016.html

实现checkbox的全选和取消相关推荐

在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他）
一.在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下: // 对全选和取消全选的事件 $("#CheckAll").click(function () { ...
jQuery实现checkbox的全选反选方法
checkbox的全选.取消全选.选中所有奇数.选中所有偶数等方法的实现代码如下: 注意jQuery的版本:jQuery1.6增加了prop,1.6之前的还是使用attr()和removeAttr() ...
通过js控制layui选择框checkbox的选中、取消选中，以及使用layui实现全选、取消全选的一种方式
js控制选中.取消选中 ,layui实现全选.取消全选 layui版本2.5.x html部分: <form class="layui-form" id="form ...
jquery的attr和removeAttr实现checkbox全选和取消全选问题
jquery的attr和removeAttr实现checkbox全选和取消全选问题问题说明: 一个全选和取消全选的功能,界面效果图如下点击全选checkbox则所有checkbox被选中或者取消选 ...
react实现全选、取消全选和个别选择
react里面实现全选和取消全选,个别选择等操作,效果如下代码: import React, {Component} from 'react' export default class Demo e ...
vue全选和取消全选（无bug）
很简单的使用vue实现全选和取消全选直接上代码,简单易懂不懂得可以留言. <!DOCTYPE html> <html lang="en"> <hea ...
java里部分文件全选怎么整,全选和取消怎么办
HTML code 全选和取消怎么处理 function bindEvent(fun) { var args = []; for(var i = 1; i < arguments.length ...
实现全选和取消全选功能
<body> <div class="wrap"> <table> <thead> <tr> <th> &l ...
react 全选_react实现全选、取消全选和个别选择
react里面实现全选和取消全选,个别选择等操作,效果如下代码: import React, {Component} from 'react' export default class Demo e ...

实现checkbox的全选和取消

实现checkbox的全选和取消相关推荐

最新文章

热门文章