投票页的做法重点——学会进度条！！

<!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>
<style type="text/css">
#fanhui{ display:none}
</style>
</head>

<body>
<form action="tpchuli.php" method="post">
<?php

$db = new  MySQLi("localhost","root","123","mydb");

$sql = "select * from diaoyantimu";

$result = $db->query($sql);

$attr = $result->fetch_all();

foreach($attr as $v)
{
    echo "<div>{$v[1]}</div>";
    
    $sxx = "select * from diaoyanxuanxiang where 

timudaihao='{$v[0]}'";
    
    $rxx = $db->query($sxx);    
    $axx = $rxx->fetch_all();
    
    $bs = 0;
    if(!empty($_GET["a"]))
    {
        $bs = $_GET["a"];
    }
    
    $s = $bs==1?"none":"block";
    
    echo "<div id='toupiao' style='display:{$s}'>";
    foreach($axx as $v1)
    {
        echo "<div><input type='checkbox' name='tp[]' 

value='{$v1[0]}' />{$v1[1]}</div>";
    }
    echo "</div>";
    
    $s1 = $bs==0?"none":"block";
    
    //显示投票结果
    echo "<div id='jieguo' style='display:{$s1}'>";
    
    foreach($axx as $v2)
    {
        $v2[2]; //当前选项的人数
        //求总人数
        $szrs = "select sum(numbers) from diaoyanxuanxiang 

where timudaihao='{$v[0]}'";
        $rzrs = $db->query($szrs);
        $azrs = $rzrs->fetch_row();
        $azrs[0]; //总人数
        
        $bfb = ($v2[2]/$azrs[0])*100;
        
        echo "<div>{$v2[1]}<div style='100px; 

height:10px; border:1px solid black;'><div style='{$bfb}%; 

height:10px; background-color:red'></div></div>{$v2[2]} 

{$bfb}%</div>";
    }
    
    echo "</div>";
}

?>

<input type="submit" value="投票" />
<input type="button" id="jg" value="查看结果" onclick="showjg()" />
<input type="button" id="fanhui" value="返回" onclick="showtp()"  

/>
</form>
</body>

<script type="text/javascript">
function showjg()
{
    document.getElementById("jieguo").style.display="block";
    document.getElementById("toupiao").style.display="none";
    document.getElementById("jg").style.display="none";
    document.getElementById("fanhui").style.display="block";
    
}

function showtp()
{
    document.getElementById("jieguo").style.display="none";
    document.getElementById("toupiao").style.display="block";
    document.getElementById("jg").style.display="block";
    document.getElementById("fanhui").style.display="none";
}
</script>
</html>

<?php
$attr = $_POST["tp"];

$str = implode("','",$attr);

$sql = "update diaoyanxuanxiang set numbers = numbers+1 where ids in('{$str}')";

$db = new MySQLi("localhost","root","123","mydb");
$db->query($sql);

header("location:toupiao.php?a=1");

相关阅读:
面向对象程序设计(三)
面向对象程序设计(二)
Class.forName()方法抛出异常
 Android Developer -- Bluetooth篇开发实例之二连接设备
 Android Developer -- Bluetooth篇开发实例之一扫描设备
 Android Developer -- Bluetooth篇概述
 Android的数据存储方式概述
 Android 更新UI的两种方法——handler和runOnUiThread()
Android UI 常用图标尺寸规范
 Android单个控件占父控件宽度一半且水平居中
原文地址：https://www.cnblogs.com/benpaodegegen/p/6028655.html

投票 页的做法 重点——学会进度条！！

投票页的做法重点——学会进度条！！