運用php做投票題，例題 @ 互聯網

文章出處

要求大概是這樣的，有一個題目，題目下面是復選框，要求點完復選框提交后會變成進度條，各選項的進度條百分比，和投票數量

首先還是要在數據庫建兩張表，如下：

要完成這個題目，需要建兩個頁面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>

<body>
<form action="toupiaojg.php" method="post">    
<?php
include("./fengzhuang.php");      //引入數據庫，當前目錄下
$db = new fengzhuang();           //造對象

$sql = "select * from diaoyantimu";       //sql語句 查詢

$attr = $db->Query($sql);                  //返回二維數組

echo "{$attr[0][1]}<br>";                   //輸出題目名稱

$code = $attr[0][0]; 
$sxx = "select * from diaoyanxuanxiang where timudaihao='{$code}'";    //查詢所有選項

$axx = $db->Query($sxx);

foreach($axx as $v)                                             
{
    echo "<input type='checkbox' value='{$v[0]}' name='xx[]' />$v[1]<br>";             //輸出所有選項內容，在它前面加復選框，以數組方式提交
}

?>
<input type="submit" value="投票" />
</form>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>

<body>
<?php
include("./fengzhuang.php");
$db = new fengzhuang();
$attr = $_POST["xx"];     //取數組

foreach($attr as $v)     //用循環
{
    $sql = "update diaoyanxuanxiang set numbers=numbers+1 where ids='{$v}'";  //寫sql語句，每次修改一個
    $db->Query($sql,0);    //調用執行
}

//顯示結果
$sql = "select * from diaoyanxuanxiang";  
$shuzu = $db->Query($sql);

$szs = "select sum(numbers) from diaoyanxuanxiang";
$azs = $db->Query($szs);
$zs = $azs[0][0];

foreach($shuzu as $v)    //遍歷顯示
{
    $bfb = ($v[2]/$zs)*100;  //選項人數除總數 ，再乘100
    
    echo "{$v[1]}：{$v[2]}({$bfb}%)<div style='width:200px;height:10px; border:1px solid red;'><div style='background-color:green; width:{$bfb}%; height:10px'></div></div>";
}    //輸出標題，輸出進度條


?>

</body>
</html>