码迷,mamicode.com
首页 > 其他好文 > 详细

投票练习

时间:2016-05-13 13:01:36      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:


技术分享

主页面

<title>无标题文档</title> <style type="text/css"> #list{ width:250px; height:200px} #jieguo{ width: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=‘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}&nbsp;</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>
技术分享

投票练习

标签:

原文地址:http://www.cnblogs.com/kevin2016/p/5487184.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!