首頁 > php教程 > PHP开发 > 主體

PHP與JavaScript對多重選擇的處理

高洛峰
發布: 2016-11-25 09:49:52
原創
1505 人瀏覽過

  我們常常要給予使用者多項選擇處理,例如允許使用者對清單項目選擇多項後刪除選定項目等。今天舉個例子說明PHP和JavaScript分別是怎麼處理多項選擇的。今天我們做的是一個投票系統,對MySQL資料庫itemtable表裡的項目進行投票,且每個別IP能且只能投兩票。


 
  表itemtable是透過以下MySQL語句建立的:

CREATE TABLE `itemtable` (
`id` TINYINT( 4 ) NOT NULL AUTO_INCREMENT, Nid ( 6 ) NOT NULL ,
PRIMARY KEY ( `id` ) 
);

其中欄位「name」為清單項目名,「votes」是所得票數。我們也要建立一個表格「voteiptable」來記錄投票使用者的IP:

CREATE TABLE `voteiptable` (

`id` SMALLINT( 6 ) NOT NULL ,

`voteip` VARCHAR( 15 ) NOTULL,,
`id` ) 
);

下面我們寫檔案“multivote.php”,今天我們要用到一個資料庫類別檔案“dbclass.php”.

<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>请您投票</title>
<style type="text/css">
<!--
body , td{
font-family: "宋体";
font-size: 12px;
}
-->
</style>
</head>
<body>
<?
//包含数据库类文件:
include_once("dbclass.php")//检查该IP是否已经投过票了:
if($db->getfirst("select * from iptable where voteip=&#39;$_SERVER[REMOTE_ADDR]&#39;")){
echo "您已经投过票了,谢谢您的参与!";
}
//这是投票项目列表页面:
if(!$action){
echo "<table width=200 border=0 cellpadding=2 cellspacing=1>";
echo "<form action=&#39;&#39; method=&#39;post&#39; name=&#39;voteform&#39; onsubmit=&#39;return checkform(this)&#39;>";
//我们给每个复选框起这样的名字:check1、check2、check3、……,它们的值分别是项目的id,
//这样到时候我们处理起来就比较方便了:
$myitems=$db->query("select * from itemtable");
$itemNo=0;
while($myitem=$db->getarray($myitems)){
$itemNo++;
echo "<tr><td nowrap style=&#39;cursor:default&#39; onclick=&#39;voteform.check$itemNo.click()&#39;><input name=&#39;check$itemNo&#39; type=&#39;checkbox&#39; value=&#39;$myitem[id]&#39;>$myitem[name]</td></tr> \n";
}
echo &#39;<tr><td><input name="action" type="hidden" value="vote"><BR><input name="submit" type="submit" value="投票"> <input name="reset" type="reset" value="重置"></td></tr> &#39;;
echo "\n</form>\n </table>";
?>
<!-- 现在编写JavaScript程序初步验证用户表单,只允许用户选择两个项目 -->
<script langvage="JavaScript">
<!--
function checkform(myform){
checkedcount=0;
//循环检测复选框是否选中,若是,checkedcount加1:
for(i=1;i<=<?php echo $itemNo ?>;i++){
mycheck=eval("myform.check"+i); //mycheck是复选框对象
if(mycheck.checked==true){
checkedcount++;
}
}
if(checkedcount==2){ //如果只有两个复选框选中,就提交;
return true;
}else{ //否则发出警告:
alert("对不起,您只能投两个项目!");
return false;
}
}
-->
</script>
<?
}
//这是处理用户投票的页面
else if($action="vote"){
//在客户端用javascript检验数据是不安全的,但是可以减轻服务器负担和不用浪费用户时间。
//在服务器再次进行验证经常是必要的。
$itemcount=$db->getfirst("select count(*) as count from itemtable"); //取得项目总数
$checkarray=array();
for($i=1;$i<=$itemcount["count"];$i++){ //和javascript处理的过程是不是很像呢
$mycheck="check$i"; $mycheck=$$mycheck;
if($mycheck && $db->getfirst("select * from itemtable where id=&#39;$mycheck&#39;")){
//之所以加上$db->getfirst("select * from itemtable where id=&#39;$mycheck&#39;")是为防止所投项目id不存在
$checkarray[]=$mycheck; //如果这一项被选中,$checkarray增加一项,值为所选id
}
}
if(count($checkarray)==2){ //如果$checkarray的项数是2,则相应的票数加1:
for($i=0;$i<count($checkarray);$i++){
$db->query("update itemtable set votes=votes+1 where id=&#39;$checkarray[$i]&#39;");
} //把投票用户的IP记入数据库:
$db->query("insert into iptable (voteip) values (&#39;$_SERVER[REMOTE_ADDR]&#39;)");
echo "投票成功,谢谢您的参与!";
}else{ //否则:
echo "对不起,您只能投两个项目!";
}
}
?>
</body>
</HTML>
登入後複製

  我們可以發現,客戶端的JavaScript和伺服器端的PHP對多對多項選擇的處理有很多相似之處,當然也有不同。這是比較經典的多選項處理的程序,如果不限定使用者的選項的話就更簡單了。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板