我想用一个BUTTON来实现全选和取消的功能,就是点一下,CHECKBOX全选,再点一下取消,怎么弄啊,急啊,哪位大虾帮个小弟个忙啊,谢谢

解决方案 »

  1.   

    <input type=checkbox name=mm value=a onclick="Item(this, 'mmAll')"/><br/>
    <input type=checkbox name=mm value=b onclick="Item(this, 'mmAll')"/><br/>
    <input type=checkbox name=mm value=c onclick="Item(this, 'mmAll')"/><br/>
    <input type=checkbox name=mm value=d onclick="Item(this, 'mmAll')"/><br/>
    <input type=checkbox name=mm value=e onclick="Item(this, 'mmAll')"/><br/><br/>
    <input type=checkbox name=mmAll onclick="All(this, 'mm')">全选与不全选的切换<script language=Javascript>
    function All(e, itemName)
    {
      var aa = document.getElementsByName(itemName);
      for (var i=0; i<aa.length; i++)
       aa[i].checked = e.checked; //得到那个总控的复选框的选中状态
    }
    function Item(e, allName)
    {
      var all = document.getElementsByName(allName)[0];
      if(!e.checked) all.checked = false;
      else
      {
        var aa = document.getElementsByName(e.name);
        for (var i=0; i<aa.length; i++)
         if(!aa[i].checked) return;
        all.checked = true;
      }
    }
    </script>
      

  2.   


    我的意思是用"INPUT TYPE=BUTTON "来控制而不是用"CHECKBOX"啊,这位大哥再想想啊
      

  3.   

    <form id="fom1">
    <input type=checkbox name=m  /><br/>
    <input type=checkbox name=m  /><br/>
    <input type=checkbox name=m  /><br/>
    <input type=checkbox name=m  /><br/>
    <input type=checkbox name=m  /><br/>
    <input id ="but"  type="button" value="全选" onclick="sel();"/>
    <input id="hid" type="hidden" value="0" />
    </form>
    <script language=Javascript>
    function sel()
    {
       
       var but=document.getElementById("but");
       var hid=document.getElementById("hid");
       alert(hid.value);
       var obj = document.getElementsByName("m");
       for (var i=0; i<obj.length; i++){
         obj[i].checked =(hid.value==0? true:false);  //通过此控件的值来判断按键的行为是全选还是取消全选   
       }
      hid.value=(hid.value==0?1:0);
       but.value=(hid.value==1? "取消全选":"全选");
    }
    </script>
      

  4.   

    没注意看呵呵.
    <input type=checkbox name=mm value=a /><br/>
    <input type=checkbox name=mm value=b /><br/>
    <input type=checkbox name=mm value=c /><br/>
    <input type=checkbox name=mm value=d /><br/>
    <input type=checkbox name=mm value=e /><br/><br/>
    <input type=button value="全选" name=mmAll onclick="All('mm')">全选与不全选的切换<script language=Javascript>
    var buttonflag = false;
    function All(itemName)
    {
    buttonflag = !buttonflag;
      var aa = document.getElementsByName(itemName);
      for (var i=0; i<aa.length; i++)
       aa[i].checked = buttonflag; //得到那个总控的复选框的选中状态
    }
    </script>
      

  5.   

    解决了又不给分?adverse(King)的方案最好
      

  6.   

    晕了,呵呵,input button和checkbox有什么差别吗?