重点:1、进度条的显示2、操作数据库<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>"; } ?> <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=‘width:250px; height:30px‘>-----------进度条 <span class=‘x‘>{$name}</span> <div class=‘x‘ style=‘width:100px; height:8px; border:1px solid red‘> <div style=‘width:{$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>
时间: 2024-10-14 02:01:03