PHP开发简单投票系统之管理员... 登录

PHP开发简单投票系统之管理员功能模块(三)

115.png

如图,这里的点击按键中有三个选项:选择全部,取消全部和删除所选。

通过点击这些按键实现选择全部项目,取消选择全部项目,删除所有选中的投票项目

首先设置<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>


下一节
<input type="button" value="选择全部" onclick="selectAll()" /> <input type="button" value="取消全部" onclick="cancelAll()" /> <input type="button" value="删除所选" onclick="del()" />
提交 重置代码
章节 评论 笔记 课件
  • 取消 回复 发送
  • 取消 发布笔记 发送