javascript实现多选框的全选、全不选以及反选

原创 2007年09月25日 10:59:00
/*
 * 功能:复选框全选
 * 参数:checkBoxName
 *             复选框名字
 * 调用示例:
 *     页面复选框,如:
 *         struts标签 <html:multibox property="checkFlag">0</html:multibox>
 *         或html标签 <input type="checkbox" name="checkFlag" value="0">   
 *     按钮或者连接中增加onclick事件,如:
 * <input type="button" name="checkAll" value="全选" onclick="checkAll('checkFlag')">
 
*/
function checkAll(checkBoxName)
{
 
var checkBox = document.getElementsByName(checkBoxName);
 
for (var i = 0; i < checkBox.length; i++)
 {
  
var temp = checkBox[i];
  temp.checked 
= true;
 }
}


/*
 * 功能:复选框全不选
 * 参数:checkBoxName
 *             复选框名字
 
*/
function checkNone(checkBoxName)
{
 
var checkBox = document.getElementsByName(checkBoxName);
 
for (var i = 0; i < checkBox.length; i++)
 {
  
var temp = checkBox[i];
  temp.checked 
= false;
 }
}


/*
 * 功能:复选框反选
 * 参数:checkBoxName
 *             复选框名字
 
*/
function checkReverse(checkBoxName)
{
 
var checkBox = document.getElementsByName(checkBoxName);
 
for (var i = 0; i < checkBox.length; i++)
 {
  
var temp = checkBox[i];
  temp.checked 
= !temp.checked;
 }
}
 

jQuery_review之jQuery实现多选框的反选、全选、全不选

有几个非常常见的知识点,需要重点关注一下。如何显示多选框呢?。这样就能表示两个多选框,他们具有同样的name值,在JSP中,传到后台的时候,可以使用request.getParameterValues...
  • ziwen00
  • ziwen00
  • 2014年07月25日 21:10
  • 3508

javascript实现全选全不选

在JSP页面中有6个复选框,第一个复选框是全选和全不选,其余5个为普通复选框,当点击全选复选框后,普通复选框将被全部选中,如果再次点击 全选复选框,那么普通复选框将被全部不选中,同时,如果全选复选框在...
  • u011740475
  • u011740475
  • 2014年12月05日 10:21
  • 1793

JQuery实现全选、全不选和反选功能

项目中需要做一个全选、全不选和反选的功能。刚接到这个需求的时候,心想很简单的一个功能,几行代码就能搞定,然而事实并非如此。下面就把我的思路说一下: 1、当点击'全选'按钮时,页面中所有的复选框都应...
  • oXinLiang12
  • oXinLiang12
  • 2016年12月12日 16:01
  • 3160

js写全选按钮、全不选按钮、反选按钮、全选全不选复选框代码

今天主要给大家介绍下如何用js原生代码写出全选、全不选、反选按钮。代码如下: Document 你的呢爱好很广泛!! 全选/全不选 足球 篮球 游泳 唱歌 ...
  • sinat_21206105
  • sinat_21206105
  • 2016年09月01日 21:13
  • 8151

JS之全选全不选反选的操作

练习 对如下的Form表单: form id="test-form" action="test"> legend>请选择想要学习的编程语言:legend> fieldset>...
  • xinwen1995
  • xinwen1995
  • 2016年09月20日 15:40
  • 272

JS实现单选,多选,全选,反选,全不选

//单选 function deleteFee(id){ if(confirm("确定删除吗?")){ location.href="dele...
  • u014601106
  • u014601106
  • 2014年07月13日 15:23
  • 1109

jQuery实现全选、全不选和反选,没有只能选一次的bug

学习到用.attr设置checked属性时出现全选只能实现一次的效果(关键是作业必须用button做)。。很郁闷。。终于找到解决的办法啦: 第一个比较不常用 的用button来做得全选全不选和反选按钮...
  • tsh18523266651
  • tsh18523266651
  • 2015年12月26日 17:19
  • 580

【JavaScript】复选框的全选、反选,判断哪些复选框被选中

复选框的全选、反选,判断哪些复选框被选中,这个功能不难做, 利用document.getElementsByName("xxx");能够轻易实现,注意其返回值是一个节点数组便是了。 不过这功能对于...
  • yongh701
  • yongh701
  • 2015年06月06日 09:21
  • 3405

jquery实现全选和全不选功能

无标题文档     $(document).ready(function () {         $("#checkedAll").click(function () {       ...
  • haibo0668
  • haibo0668
  • 2016年09月13日 15:45
  • 1836

使用js实现checkbox的全选与反选功能

代码如下
  • Geek_ymv
  • Geek_ymv
  • 2014年10月23日 09:38
  • 2132
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript实现多选框的全选、全不选以及反选
举报原因:
原因补充:

(最多只允许输入30个字)