javascript-我有多个表格带复选框,怎么写一个js实现全选全不选。

问题描述

我有多个表格带复选框,怎么写一个js实现全选全不选。

如果每个表格的第一个复选框都设置ID,感觉js太多,有没有简单的方法

解决方案

网上有很多案例:http://blog.sina.com.cn/s/blog_6f6b4c3c0100nrve.html

 <script language="javascript">
  function   cli(Obj)
  {
  var collid = document.getElementByIdx_x("all")
  var coll = document.getElementsByName(Obj)
  if (collid.checked){
     for(var i = 0; i < coll.length; i++)
       coll[i].checked = true;
  }else{
     for(var i = 0; i < coll.length; i++)
       coll[i].checked = false;
  }
  }
  </script>

解决方案二:

设置相同name或者设置相同的class,通过这些也可以实现的。

解决方案三:

用find查找出所有复选框,再用each循环

时间: 2024-08-03 15:35:31

javascript-我有多个表格带复选框,怎么写一个js实现全选全不选。的相关文章

复选框-aspnetpager分页之后JS 失效

问题描述 aspnetpager分页之后JS 失效 在页面第一次加载的时候,我写的全选复选框还是可用的,但是点击下一页之后,变得不可用了, aspnetpager这个采用的时候dopostback函数执行的页跳转 解决方案 应该你下一页加载的内容跟你原来页面有冲突,,比如ID 相同,,Css 覆盖之类的,, 解决方案二: 那肯定是你哪里写的有问题,一般这种情况都是代码的问题,你再自己检查一下: 如果回答对您有帮助,请采纳 解决方案三: $(function() { $(".allselect&q

【新手请求】关于ASP.NET MVC中的Html.CheckBox生成复选框多出一个hidden字段的问题

问题描述 @Html.CheckBox("sel",true) 生成<inputchecked="checked"id="sel"name="sel"type="checkbox"value="true"/><inputname="sel"type="hidden"value="false"/> 为什么呢

利用Bootstrap实现表格复选框checkbox全选_javascript技巧

首先来看看实现的效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: <table class="table table-bordered table-hover"> <thead> <tr class="success"> <th>类别编号</th> <th>类别名称</th> <th>类别组</th> <th

javascript判断复选框是否选中的方法_javascript技巧

之前总结了一下关于jquery如何判断复选框是否选中的问题,今天总结如何判断js复选框是否选中 javascript判断复选框是否选中,下面通过例子来说明(现在有如下的一组复选框): <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="o

全选DataGrid里的复选框

datagrid|复选框 我们经常会在DataGrid里选择一组数据,然后批量操作,如果要全部操作的话需要一个全选的功能,如果你用这个全选按钮的服务器端事件来让DataGrid里复选框的全选的话,会多一次向服务器的回传,我们可以写一个js函数来简化这一步骤.其实DataGrid在客户端会生成一个html表格,表格的id属性就是DataGrid的ID,这个ID可以用ClientID获取,然后你的全选按钮也可以在后台编码里添加一个onclick属性来让他执行你写好的js代码,比如你声明了一个Data

只有一个复选框的全选处理

复选框 网页中经常需要动态的生成多个复选框,通常还有一个"全选"按纽用来选定全部复选框或者全部取消选定. 但需要注意的一个问题是当只剩下一个复选框的时候就无法使用复选框length属性,要单独把一个复选框的情况拿出来判断 <input name="btnAllSelect" type="Button" id="Button" value="全选" class="myButton"

js判断复选框是否选中及选中个数的实现代码_javascript技巧

用js判断复选框是否选中及选中个数,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示 <HTML> <head> <title>判断复选框是否选中及选中个数</title> <SCRIPT LANGUAGE="JavaScript"> function countChoices(obj) { max = 2; box1 = obj.form.box1.che

jquery统计用户选中的复选框的个数_jquery

复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> </head> <body> <input type="che

Word中怎么制作打勾复选框

平时在编辑word时会需要制作打勾的复选框,也许很多朋友还不知道怎么设置,本教程就为大家介绍具体操作过程,下面就一起来看看吧.我们以Word2010版来演示word复选框打勾的整个操作过程. 第一步,单击"开发工具"--"控件"--"复选框内容控件",word会自动在当前光标位置插入一个复选框控件,如下图第三标识的. 第二步,选中上图第三标识的复选框,word默认是在复选框内打叉而不是打勾.我们选中复选框,会自动激活"属性",