复选框,全选或者全不选

原创 2012年03月26日 09:46:06

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" type="text/javascript">
var selectAllFlg = false;


function selectAll() {
var list = document.getElementById("waveDataListTable").getElementsByTagName("input");

for (var i = 0; i < list.length; i++) {
var ctrl = list[i];

if (ctrl.type == "checkbox") {
var s = selectAllFlg ? ctrl.checked = false : ctrl.checked = true;
}

}

selectAllFlg = !selectAllFlg;
}
</script>


  <table id="waveDataListTable" width="800" border="1">
  <tr>
    <td width="42" height="36">No</td>
    <td width="340">名称</td>
    <td width="292">测试号</td>
    <td width="98">选择<br />
      <u>
 <a href="javascript:selectAll();">(全选/取消)</a>
 </u>      </td>
  </tr>
  <tr>
    <td>1</td>
    <td>Vibration_01</td>
    <td>channel_01</td>
    <td>
      <input type="checkbox" name="checkbox[0]" value="checkbox" />    </td>
  </tr>
  <tr>
    <td>2</td>
    <td>Vibration_01</td>
    <td>channel_02</td>
    <td><input type="checkbox" name="checkbox[1]" value="checkbox" /></td>
  </tr>
  <tr>
    <td>3</td>
    <td>Vibration_01</td>
    <td>channel_03</td>
    <td><input type="checkbox" name="checkbox[2]" value="checkbox" /></td>
  </tr>
</table>

新手学JavaScript(四)----CheckBox全选与全不选

在这给大家推荐一款比较不错的纯CSS实现的CheckBox–CSSCheckBox,用bootstrap里面自带的checkbox和radio样式不太美观,所以就另找了一个插件,这里大家可能会有疑问,...
  • u010853701
  • u010853701
  • 2016年01月27日 21:01
  • 2131

Repeater控件中实现checkbox的全选

一、HTML代码: ' />使用Repeater 控件绑定checkbox控件,用于选择单项内容 ...
  • ze_lin_huang
  • ze_lin_huang
  • 2013年01月09日 21:39
  • 264

javascript实现全选全不选

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

jquery实现全选和全不选功能

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

解决jquery操作checkbox全选全不选无法勾选问题

解决jquery操作checkbox全选全不选无法勾选问题 标签: jquerycheckbox 2015-08-05 14:41 262人阅读 评论(0) 收藏 举报  分...
  • a9254778
  • a9254778
  • 2015年11月26日 08:29
  • 1120

easyui中checkbox全选全不选的时不处理最后一行的实现

有这样一个需求, easyui加载datagrid后, 最后一行为统计行, 在进行全选全不选的时候会将统计行也一并选择, 这跟业务不相符, 琢磨了半天后终于找到了解决方案 1.首先记录下统计功能的实...
  • m0_37609579
  • m0_37609579
  • 2017年04月01日 09:57
  • 822

复选框,全选,全不选

全选与反选       // --列头全选框被单击---   function ChkAllClick(sonName, cbAllId){       var arrSon = doc...
  • a331251021
  • a331251021
  • 2013年03月01日 13:43
  • 471

复选框全选或全不选

方法一:
  • liu4071325
  • liu4071325
  • 2013年05月28日 13:08
  • 445

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

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

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

项目中需要做一个全选、全不选和反选的功能。刚接到这个需求的时候,心想很简单的一个功能,几行代码就能搞定,然而事实并非如此。下面就把我的思路说一下: 1、当点击'全选'按钮时,页面中所有的复选框都应...
  • oXinLiang12
  • oXinLiang12
  • 2016年12月12日 16:01
  • 3203
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:复选框,全选或者全不选
举报原因:
原因补充:

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