![](https://images2015.cnblogs.com/blog/904028/201605/904028-20160512202254218-1208637308.jpg)
主页面
<title>无标题文档</title>
<style type="text/css">
#list{ 250px; height:200px}
#jieguo{ 250px; height:200px}
.x{float:left}
</style>
</head>
<body>
<form action="chuli.php" method="post">
<?php
include("../DBDA.php");
$db = new DBDA();
$sql = "select * from DiaoYanTiMu limit 0,1";
$attr = $db->Query($sql);
$tmmc = $attr[0][1];
$tmdh = $attr[0][0];
echo "<div>题目名称:{$tmmc}</div>";
$sqlxx = "select * from DiaoYanXuanXiang where TiMuDaiHao = '{$tmdh}'";
$attrxx = $db->Query($sqlxx);
echo "<div id='list'>";
foreach($attrxx as $v)
{
echo "<div>
<input type='checkbox' value='{$v[0]}' name='xx[]' />
<span>{$v[1]}</span>
</div>";
}
//因为是复选框,不确定选几个,所以用数组 xx[] 定义name
?>
<input type="submit" value="提交" />
<input type="button" value="查看结果" id="check" onclick="ShowJieGuo()" />
</form>
</div>
<div id="jieguo" style="display:none">
<?php
$sqlsum ="select sum(Numbers) from DiaoYanXuanXiang where TiMuDaiHao = '{$tmdh}'";
$attrsum = $db->Query($sqlsum);//所有人数
foreach($attrxx as $v)
{
$name = $v[1]; //选项名
$number = $v[2]; //选择该项的人数
$bfb = ($number/$attrsum[0][0])*100;
$bfb = round($bfb,2); //取小数点后两位
echo "<div style='250px; height:30px'>
<span class='x'>{$name}</span>
<div class='x' style='100px; height:8px; border:1px solid red'>
<div style='{$bfb}%; height:8px; background-color:red'></div>
</div>
<span class='x'>{$number} </span>
<span class='x'>{$bfb}%</span>
</div>";
}
?>
<input type="button" value="返回" id="fanhui" onclick="ShowList()" />
</div>
<script type="text/javascript">
function ShowJieGuo()
{
document.getElementById("list").style.display = "none";
document.getElementById("jieguo").style.display = "block";
}
function ShowList()
{
document.getElementById("list").style.display = "block";
document.getElementById("jieguo").style.display = "none";
}
</script>
</body>
</html>
![复制代码](https://common.cnblogs.com/images/copycode.gif)