开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 8499|回复: 1

JavaScript的全选与反选功能实现

[复制链接]

0

精华

100

贡献

33

赞扬

帖子
132
软币
3280
在线时间
53 小时
注册时间
2013-8-31
发表于 2013-9-7 07:53:27 | 显示全部楼层 |阅读模式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0022)http://hi.baidu.com/king506592852/ -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>全选与反选</title>
    <meta http-equiv="Content-Type" content="textml; charset=gb2312" />
    <style type="text/css">
       .x_table{width:150px;border:2px;}
</style>
</head>
<body>
    <div id="content">
        <form action="#" method="post" name="myform">
          <table class="x_table">
          <tr>
   <td><input type="checkbox" value="china" name="chkbox"></input></td>
   <td>中国好声音</td>
          </tr>
          <tr>
   <td><input type="checkbox" value="jsbl" name="chkbox"></td>
   <td>非诚勿扰</td>
          </tr>
          <tr>
   <td><input type="checkbox" value="love" name="chkbox"></td>
   <td>爱情连连看</td>
          </tr>
          <tr>
   <td><input type="checkbox" value="nmyf" name="chkbox"></td>
   <td>尼玛与法</td>
          </tr>
    <tr>
   <td><input type="button" value="全选" name="chked"></td>
   <td><input type="button" value="反选" name="chked"></td>
          </tr>
          </table>
        </form>
    </div>
    <script type="text/javascript">
  function SelectAll(chkboxName)
  {
       var result=document.getElementsByName(chkboxName);
       for (var i=0;i<result.length;i++)
    {
          var e=result;
          e.checked=true;
       }
     }
  function UnSelectAll(chkboxName)
  {
       var result=document.getElementsByName(chkboxName);
       for (var i=0;i<result.length;i++)
    {
          var e=result;
          e.checked=false;
       }
     }
</script>
</body>
</html>
回复

使用道具 举报

0

精华

0

贡献

0

赞扬

帖子
3
软币
83
在线时间
0 小时
注册时间
2019-5-10
发表于 2019-5-10 22:07:40 | 显示全部楼层
代码没给全呀,onclick="SelectAll('chkbox')", var e=result[i];
回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2022-7-4 14:35

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表