首页 > 代码库 > 百分比进度条
百分比进度条
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>无标题文档</title>
6 <style type="text/css">
7 #fanhui{ display:none}
8 </style>
9 </head>
10
11 <body>
12 <form action="tpchuli.php" method="post"> <!--表单开头 1 -->
13 <?php
14
15
16 //连接数据库 1
17 $db = new MySQLi("localhost","root","123","mydb");
18
19
20 //写sql语句 1
21 $sql = "select * from diaoyantimu";
22
23 //执行sql语句 1
24 $result = $db->query($sql);
25
26 //调用$result所接受到的数据，转换成二维数组，交给给$attr，再转出去 1
27 $attr = $result->fetch_all();
28
29 foreach($attr as $v) //foreach循环所转换出二维数组，循环遍历出每一条数据 1
30 {
31 echo "<div>{$v[1]}</div>"; //输出题目标题 输出你想要显示的那个列的内容
32 // 找 这个表 里边的 这个列=这个表里的主键 $v索引[0]是此表的主键 这句话就是将上面那个题目的选项查出来 1
33 $sxx = "select * from diaoyanxuanxiang where timudaihao=‘{$v[0]}‘";
34 // 使用块方法来执行 返回结果级对象给$rxx 接受 1
35 $rxx = $db->query($sxx);
36 //$axx收到的结果集对象后用fetch_all取出数据 1
37 $axx = $rxx->fetch_all();
38
39 $bs = 0;
40 if(!empty($_GET["a"]))
41 {
42 $bs = $_GET["a"];
43 }
44
45 $s = $bs==1?"none":"block";
46 //这个div是投票
47 echo "<div id=‘toupiao‘ style=‘display:{$s}‘>"; //输出div将foreach求出的值扩起来，可以 2
48 foreach($axx as $v1) //foreach遍历一下二维数组，进了这个选项，这个$v1取到的是每一个选项的信息 1
49 {
50 //输出选项的信息 <input 在选项前面加上复选框 name‘给个neme值,此选项是需要提交的！ tp[ 以数组的方式提交 ]‘ value=http://www.mamicode.com/‘{$v1[0]‘提交选项的主键值} /> 1
51 echo "<div><input type=‘checkbox‘ name=‘tp[]‘ value=http://www.mamicode.com/‘{$v1[0]}‘ />{$v1[1]}</div>";
52 } //显示选项
53 echo "</div>"; //投票div
54
55 $s1 = $bs==0?"none":"block";
56
57 //显示投票结果
58 echo "<div id=‘jieguo‘ style=‘display:{$s1}‘>";
59
60 foreach($axx as $v2) //循环遍历$axx之前上面求出的值
61 {
62 $v2[2]; //求百分比 先求当前选项的人数
63 //再求总人数 求这个列 from 这个表 条件 这个列=这个列的主键
64 $szrs = "select sum(numbers) from diaoyanxuanxiang where timudaihao=‘{$v[0]}‘";
65 //使用块方法执行语句
66 $rzrs = $db->query($szrs);
67 $azrs = $rzrs->fetch_row(); //取到的是第一条数据 是一维数组
68 $azrs[0]; //以为数组取索引0 就是总人数
69
70 $bfb = ($v2[2]/$azrs[0])*100; //$bfb =（$v2[2]当前人数 除以/ 总人数） 得出的是小数 乘以 *100 就是百分数
71
72 //显示$v2[1]选项的内容 <外层 div>设置进度条边框 <里层 div>设置进度</div></div>
73 echo "<div>{$v2[1]}<div style=‘width:100px; height:10px; border:1px solid black;‘><div style=‘width:{$bfb}%; height:10px; background-color:red‘></div></div>{$v2[2]} {$bfb}%</div>"; //{ $v2[2] 显示人数，} { 显示}百分比 %
74 } //选项结果
75
76 echo "</div>";
77 }
78
79 ?>
80
81 <input type="submit" value="http://www.mamicode.com/投票" /> <!--提交投票-->
82 <input type="button" id="jg" value="http://www.mamicode.com/查看结果" onclick="showjg()" />
83 <input type="button" id="fanhui" value="http://www.mamicode.com/返回" onclick="showtp()" />
84 </form> <!--表单结束 1-->
85 </body>
86
87 <script type="text/javascript">
88 function showjg()
89 {
90 document.getElementById("jieguo").style.display="block";
91 document.getElementById("toupiao").style.display="none";
92 document.getElementById("jg").style.display="none";
93 document.getElementById("fanhui").style.display="block";
94
95 }
96
97 function showtp()
98 {
99 document.getElementById("jieguo").style.display="none";
100 document.getElementById("toupiao").style.display="block";
101 document.getElementById("jg").style.display="block";
102 document.getElementById("fanhui").style.display="none";
103 }
104 </script>
105 </html>
百分比进度条
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。