如圖，這里的點(diǎn)擊按鍵中有三個選項(xiàng)：選擇全部，取消全部和刪除所選。

通過點(diǎn)擊這些按鍵實(shí)現(xiàn)選擇全部項(xiàng)目，取消選擇全部項(xiàng)目，刪除所有選中的投票項(xiàng)目

首先設(shè)置<form>表單的name屬性

<form id="frm" name="frm" method="post" action="" style="margin-bottom:3px;"></form>

在<input>中也使用name屬性。

<input type="checkbox" name="itm"/>

并給后面的3個button按鍵分別給一個onclick事件

<input type="button" value="選擇全部" onclick="selectAll()" />
<input type="button" value="取消全部" onclick="cancelAll()" />
<input type="button" value="刪除所選" onclick="del()" />

使用javascript實(shí)現(xiàn)全部點(diǎn)擊事件的功能模塊，這里使用了for循環(huán)來標(biāo)記選中。

點(diǎn)擊“選擇全部”所有的復(fù)選框?yàn)閏hecked=ture選中，點(diǎn)擊“取消全部”所有復(fù)選框?yàn)閏hecked=false不選。

如果沒有選擇復(fù)選框，表示沒有選擇內(nèi)容id，點(diǎn)擊“刪除所選”內(nèi)容不會被刪除并顯示提示信息。

可以選擇單個id進(jìn)行刪除，也可以全選刪除。

<script language="javascript">
  function selectAll()  //選中所有
  {
    node=window.document.frm.itm;
    for(i=0;i<node.length;i++)
    {
      node[i].checked=true;
    }
  }
  function cancelAll() //取消選中所有
  {
    node=frm.itm;
    for(i=0;i<node.length;i++)
    {
      node[i].checked=false;
    }
  }
  function del() //刪除選中的所有
  {
    node=frm.itm;
    id="";
    for(i=0;i<node.length;i++)
    {
      if(node[i].checked)
      {
        if(id=="")
        {
          id=node[i].value
        }
        else
        {
          id=id+","+node[i].value
        }
      }
    }
    if(id=="")
    {
      alert("您沒有選擇刪除項(xiàng)");
    }
    else
    {
      location.href="?type=del&id="+id
    }
  }
</script>