PHP는 간단한 투표 시스템 관리자 기능 모듈을 개발합니다(3)

그림에 표시된 것처럼 여기 클릭 버튼에는 모두 선택, 모두 취소, 선택 항목 삭제의 세 가지 옵션이 있습니다.

모든 항목을 선택하고, 모든 항목을 선택 취소하고, 선택한 모든 투표 항목을 삭제하려면 이 버튼을 클릭하세요.

먼저 <form> 양식의 name 속성을 설정하세요

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

name 속성은 <input>에도 사용됩니다.

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

그리고 세 개의 후속 버튼 각각에 onclick 이벤트를 제공합니다.

<input type="button" value="选择全部" onclick="selectAll()" />
<input type="button" value="取消全部" onclick="cancelAll()" />
<input type="button" value="删除所选" onclick="del()" />

자바스크립트를 사용하여 모든 클릭 이벤트의 함수 모듈을 구현합니다. 여기에서는 for 루프를 사용하여 선택을 표시합니다.

모든 확인란을 선택=true로 설정하려면 "모두 선택"을 클릭하고 모든 확인란을 선택=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>