表单中的，复选框能否实现部分选中

网页有表单中有很多复选框，分类的，可否实现部分选中？比如点击财务处，就把财务处的人选择，点击人事处，就把人事处的人选中？用脚本可以实现吗

解决方案 »

  1.   

     
    document.getElementsByname("")
    for()
      

  2.   

    - -！！！想要部分选中，就只有对所有的复选框做出区分。用ID也好，用NAME，用CLASS也可以，自己想喽，不区分，哪个知道是哪个
      

  3.   

    3楼正解如果楼主用了jquery还可以用不同class进行区分
      

  4.   

    当然可以了
    name相同，但是可以根据其它如id区分呀，方法多得很。
    另外，你的代码得贴呀，我们又不知道代码
      

  5.   

    哦，是这样的，复选框的name已经分类，比如人事处的职员是：name101-name130 财务处的人员是name201-name230 其他部门依次类推name301-name330 name401-name430 ...以name的第4位来区分。
    代码：function mm()
    {
       var a = document.form1.getElementsByTagName("input");
       if(a[1].checked==true){
       for (var i=0; i<a.length; i++)
          if (a[i].type == "checkbox" and a[i].name.charAt(4)=1) a[i].checked = false;
       }
       else
       {
       for (var i=0; i<a.length; i++)
          if (a[i].type == "checkbox"  and a[i].name.charAt(4)=1) a[i].checked = true;
       }
    } and a[i].name.charAt(4)=1 这个条件我想表达的意思是复选框的name第4位为1的时候选择人事处的职员，可是有错，不知道应该怎么写
      

  6.   

    可以的，我写了一份<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script language="javascript" src="js/jquery-1.3.2.min.js"></script>
    </head>
      <body>
      <form action="" method="post">
      <table>
      <tr><td>人事处<input type="checkbox" id="renshi" /></td><td id="renshitd"><input type="checkbox" name="name101" /></td></tr>
      <tr><td>财务处<input type="checkbox" id="caiwu" /></td><td id="caiwuid"><input type="checkbox" name="name201" /></td></tr>
      </table>
      </form>
    </body>
      </html>
    <script language="javascript">
    $(function()
    {
    //alert(.html()); for(var i=102;i<=130;i++)
    {
         var ck=$('input[name=name101]:eq(0)').clone(true);
     ck.name="name"+i;
     ck.appendTo($('#renshitd'));
    }
    for(var i=202;i<=230;i++)
    {
        var ck=$('input[name=name201]:eq(0)').clone(true);
     ck.name="name"+i;
     ck.appendTo($('#caiwuid'));
    }
    $('#renshi').click(cli);
    $('#caiwu').click(cli);
    });
    function cli()
    {
        $(this).parent().parent().find('input[name^=name]').attr("checked",this.checked);
    }
     </script>
      
      

  7.   

    我用了jquery，你得下载个jquery文件
    去网上找个，然后和这个网页同目录下建个js文件夹，然后把名字为jquery-1.3.2.min.js的js文件放进去。
    jquery-1.3.2.min.js