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>