复选框,全选或者全不选

原创 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>

相关文章推荐

实现复选框的全选和全不选效果

function check(){ var inputList = document.getElementsByName("product"); for(va...

【js】赵雅智_js复选框全选反选全不选案例

方法1: html界面: nameNode.html --> 兴趣爱好: ...

DataGridView复选框全选和全不选

DataGridView复选框全选和全不选

JavaScript实现复选框全选与全不选的效果

//里面涉及到几张图片,有需要的可以联系我要,直接私信我就行,每天在这个点都会上线,看到就回,或者从我的资料里面找我的联系方式,收到之后会发给你们的 全选效果 .bg{ backgrou...

复选框,全选,全不选

全选与反选       // --列头全选框被单击---   function ChkAllClick(sonName, cbAllId){       var arrSon = doc...

jquery实现复选框的全选与全不选功能 .

一:1)引进jquery-1.6.4.min.js文件 2)效果图如下: a)默认情况: b)点击全选后并点击提交按钮后: c)当点击个别按钮时: 二:代码示例如下:...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:复选框,全选或者全不选
举报原因:
原因补充:

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