分类全选 2006-6-9-2

原创 2006年06月10日 00:32:00

演示代码,只要checkbox的name一样且在一个表单里就可以

调用时用checkall(this,'checkboxname')就可以

代码如下

<script language=Javascript>
function checkall(all,checkname)//用于判断全选记录的函数
{
var a = document.getElementsByName(checkname);
for (var i=0; i<a.length; i++) a[i].checked = all.checked;
}
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="29%" height="162"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <form method="POST" id=form1 name=form1>
          <tr>
            <td><input type="checkbox" name="answer" value="1">
              answer1</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="answer" value="2">
              answer2</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="answer" value="3">
              answer3</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="answer" value="4">
              answer4</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="answer" value="5">
              answer5</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="chkall" value="on" onClick="checkall(this,'answer')">
              选中所有answer</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </form>
      </table></td>
    <td width="71%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <form method="POST" id=form1 name=form1>
          <tr>
            <td><input type="checkbox" name="question" value="1">
              question1</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="question" value="2">
              question2</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="question" value="3">
              question3</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="question" value="4">
              question4</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="question" value="5">
              question5</td>
          </tr>
          <tr>
            <td><input type="checkbox" name="chkall" value="on" onClick="checkall(this,'question')">
              选中所有question</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </form>
      </table></td>
  </tr>
</table>

JS实现复选框全选问题 按类型分类CheckBox

Select all //注意Name function selectall() { var obj=document.getE...
  • lhypang2006
  • lhypang2006
  • 2007年07月19日 13:19
  • 850

html input关于选项框全选和全不选的实现

一次笔试中出现的题目,也非常简单。 使用原生js实现的方法是,当全选的被勾选中的时候,把上面所有的选项的checked改为true,还可以使用jQuery,那就更加简单了。 代码如下: ...
  • wallowyou
  • wallowyou
  • 2017年01月12日 10:58
  • 1946

jQuery实现checkbox点击全选和取消全选

jQuery实现点击全选和取消全选 有时候需要实现点击按钮全选,再点击取消全选,类似下图: 具体怎么实现呢? 代码如下: $('input[name="selectall"]')....
  • u011637069
  • u011637069
  • 2016年05月01日 13:14
  • 9917

使用JQuery实现全选的功能

全选功能代码的原理: 1、当点击全选的复选框的时候就将指定的复选框全部打上勾(就是将状态变成checked) 2、选了一部分的复选框后再点击全选复选框,先获取当前复选框的数量,然后将剩下的复选框打...
  • Tech_monkey
  • Tech_monkey
  • 2015年06月07日 12:40
  • 1695

iOS 全选 反选 和删除

转载:http://www.cnblogs.com/songliquan/p/4518086.html?utm_source=tuicool&utm_medium=referral ...
  • lurenjia_KB
  • lurenjia_KB
  • 2016年08月08日 10:56
  • 1301

JQuery实现全选与取消

用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。
  • zalion
  • zalion
  • 2010年09月19日 12:04
  • 6521

js实现简单的checkbox全选和取消全选效果

js点击checkbox实现全选效果 function DoCheck() { var ch=document.getElementsByName("choose"); ...
  • sunwei3160
  • sunwei3160
  • 2014年08月12日 14:37
  • 16908

checkbox全选和取消全选(100%可以全选和取消全选)

写项目时遇到一个checkbox全选和反选的功能,在网上找找,很多全选的方法, 也确实有用,不过,反选的试了半天,还是有问题--页面加载子选项全选时 (父选项也是选中状态),取消父选项选中状态,子...
  • frinder
  • frinder
  • 2013年05月07日 19:59
  • 5142

Html+JS实现全选与非全选操作

Html+JS;全选与非全选
  • qingxue14
  • qingxue14
  • 2017年08月01日 15:13
  • 756

jQuery实现Checkbox全选功能

jQuery实现勾选CheckAll时选中某一类全部的checkbox;当这一类中的checkbox有一个没有被选中,则CheckAll就不应该被勾选;如果所有的checkbox被选中,则CheckA...
  • u012739535
  • u012739535
  • 2015年07月13日 22:35
  • 2265
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:分类全选 2006-6-9-2
举报原因:
原因补充:

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