要求大概是这样的，有一个题目，题目下面是复选框，要求点完复选框提交后会变成进度条，各选项的进度条百分比，和投票数量
首先还是要在数据库建两张表，如下：
要完成这个题目，需要建两个页面
<!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='200px;height:10px; border:1px solid red;'><div style='background-color:green; {$bfb}%; height:10px'></div></div>"; } //输出标题，输出进度条 ?> </body> </html>
代码如上，也有注释，运行起来的结果就是这样：
选中某项或某几项点击投票后，就会出现进度条
进度条的变化随着你的选项而变化