PHP開發簡單投票系統之管理員功能模組（三）

如圖，這裡的點擊按鍵中有三個選項：選擇全部，取消全部和刪除所選。

透過點擊這些按鍵實現選擇全部項目，取消選擇全部項目，刪除所有選取的投票項目

首先設定<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實作全部點擊事件的功能模組，這裡使用了for迴圈來標記選取。

點選「選擇全部」所有的複選框為checked=ture選中，點選「取消全部」所有複選框為checked=false不選。

如果沒有選擇複選框，表示沒有選擇內容id，點擊「刪除所選」內容不會被刪除並顯示提示訊息。

可以選擇單一id進行刪除，也可以全選刪除。

<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("您没有选择删除项");
    }
    else
    {
      location.href="?type=del&id="+id
    }
  }
</script>