js实现全选和反选功能

转载 2013年12月02日 11:51:06
1.页面

复制代码
<html>

<head><title>导出excel</title><head>

<body>

<p style="text-align:center; padding-top:15px"> 

选择班级:

<select name="claId" id="claId" style="color:#999999">  

  <option value="0" style="color:#999999">==选择==</option>  

    <option value=1 style="color:#000000">药学1班</option> 

    <option value=2 style="color:#000000">药学2班</option>  

</select>

</p>

<p></p>

<p style="text-align:center; padding-top:15px">  选择需要导出的选项:</br>

   <input type="checkbox" name="stu" id="a" value="考生学号">考生学号   

  <input type="checkbox" name="stu" id="a" value="考生姓名">考生姓名</br> 

  <input type="checkbox" name="stu" id="a" value="考生班级">考生班级   

  <input type="checkbox" name="stu" id="a" value="考生性别">考生性别</br> 

  <input type="checkbox" name="stu" id="a" value="考试得分">考试得分  

  <input type="checkbox" name="stu" id="a" value="测试时间">测试时间</br> 

  <input type="checkbox" name="stu" id="a" value="交卷时间">交卷时间   

  <input type="checkbox" name="stu" id="a" value="考试用时">考试用时</br>

</p>

<p style="text-align:center; padding-top:15px">  

  <input type="button" value="全选" onclick="allSelectType();"/>  

  <input type="button" value="反选" onclick="invertSelectType();"/>

</p>

</body>

</html>
复制代码
 

2.相关的js代码

复制代码
//反选

function invertSelectType()

{ 

//这里重写反选和全选方法,因为再次使用原先的会导致页面上的选项也会被选  

  var ids=$("input[name='stu']");

   for(var i=0;i<ids.length;i++)

  {  

     if(ids[i].checked==true)

    {    

      ids[i].checked="";   

    }else{   

       ids[i].checked="checked";  

    }  

  }

}

//全选

function allSelectType()

{  

  var ids=$("input[name='stu']");  

  for(var i=0;i<ids.length;i++)

  {   

    ids[i].checked="checked";  

  }

}

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

代码如下
  • Geek_ymv
  • Geek_ymv
  • 2014年10月23日 09:38
  • 2133

js中checkbox中的全选和反选效果实现

Document //获取checkbox按钮组 var allpro = document.getElementsByName("c1"); //全选...
  • wangdajiao
  • wangdajiao
  • 2016年10月20日 10:54
  • 2184

Android通讯录开发之实现全选、反选功能

Android通讯录开发之实现全选、反选功能 2014年1月15日  实现全选、反选不是什么难的事情,就只是用另外一个数据结构来存储被选中的状态,通过刷新列表来更新列表的显...
  • wwj_748
  • wwj_748
  • 2014年01月15日 09:41
  • 8274

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

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

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

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

Android中的全选与反选

代码如下所示 MainActivity: import android.app.Activity; import android.os.Bundle; import android.view.View...
  • ssddaaaaa
  • ssddaaaaa
  • 2016年11月30日 15:14
  • 419

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

效果图如下:
  • Geek_ymv
  • Geek_ymv
  • 2014年10月23日 09:45
  • 683

js实现表单项的全选、反选以及删除操作

网站会员激活码管理 function ReSel(){ for(i=0;i
  • moqiang02
  • moqiang02
  • 2014年03月25日 11:20
  • 1518

checkbox 全选/反选功能的 jquery插件(支持多页保持选择)

XCheck为checkbox 全选/反选功能的 jquery插件,支持多页情况下保存已选项的情况。...
  • luoyeyu1989
  • luoyeyu1989
  • 2016年02月09日 17:58
  • 2432

angularjs实现 checkbox全选、反选的思考

之前做了一周的打酱油测试,其实感觉其实测试也是上辈子折翼的天使。 好长时间没写代码,感觉好多都不会了。 感谢这周没有单休,我能看熬夜看奥运了。我能有时间出去看个电影,我能有时间出去逛个商城,我能有...
  • mingqingyuefeng
  • mingqingyuefeng
  • 2017年06月03日 10:41
  • 279
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实现全选和反选功能
举报原因:
原因补充:

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