php 資料訪問練習：投票頁面

最後更新：2017-09-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：ane 資料 progress meta mysqli sqli new cat 查看

<html>
<head>
<title></title>
<meta charset="UTF-8"/>

<link rel="stylesheet" type="text/css" href="bootstrap.min.css"/>
<script src="bootstrap.min.js"></script>
<script src="jquery-1.11.2.min.js"></script>

<style type="text/css">
*{
margin: 0px auto;
padding: 0px;
}
.wid{
max-width: 300px;
}
.zhezhao{
height: 260px;
width: 321px;
background-color: white;
/*border: 1px solid;*/
position: absolute;
top: 149px;
left: 519px;
}
.fanhui{
position: absolute;
top: 418px;
left: 237px;
height: 39px;
width: 150px;
/*border: 1px solid;*/
background-color: white;
}
</style>
</head>

<form action="tianjia.tp.php" method="post">
<body>
<div style="height: 50px;"></div>

<?php
$da = new MySQLi("localhost","root","","php_zuoye");
$sql = "select numbers from diaoyanxuanxiang";
$result = $da->query($sql);
$arr = $result->fetch_all();

foreach($arr as $v){
$z[] = $v[0];
}

$a1 = $z[0]/($z[0]+$z[1]+$z[2]+$z[3]+$z[4])*100;
$a1 = round($a1);

$a2 = $z[1]/($z[0]+$z[1]+$z[2]+$z[3]+$z[4])*100;
$a2 = round($a2);

$a3 = $z[2]/($z[0]+$z[1]+$z[2]+$z[3]+$z[4])*100;
$a3 = round($a3);

$a4 = $z[3]/($z[0]+$z[1]+$z[2]+$z[3]+$z[4])*100;
$a4 = round($a4);

$a5 = $z[4]/($z[0]+$z[1]+$z[2]+$z[3]+$z[4])*100;
$a5 = round($a5);

?>

<div class="panel panel-primary" style="max-width: 900px;">
<div class="panel-heading">
<h3 class="panel-title">調查問卷</h3>
</div>
<div class="panel-body">
<label for="name">一、晚上回家幹什麼</label>
<div class="checkbox" >
<label><input type="checkbox" name="wt1[0]" value="1"
id="kds">
看電視
</label>

<?php
echo "
<div class=‘progress progress-striped wid‘
style=‘position: relative;‘>
<div class=‘progress-bar progress-bar-info‘ role=‘progressbar‘
aria-valuenow=‘60‘ aria-valuemin=‘0‘ aria-valuemax=‘100‘
style=‘width:
{$a1}%;‘>
</div>
<span style=‘right:136px; position: absolute;‘>
{$a1}%
</span>
</div>";
?>
</div>
<div class="checkbox">
<label><input type="checkbox" name="wt1[1]" value="2"
id="wyx">
玩遊戲
</label>

<?php
echo "
<div class=‘progress progress-striped wid‘
style=‘position: relative;‘>
<div class=‘progress-bar progress-bar-info‘ role=‘progressbar‘
aria-valuenow=‘60‘ aria-valuemin=‘0‘ aria-valuemax=‘100‘
style=‘width: {$a2}%;‘>
</div>
<span style=‘right:136px; position: absolute;‘>
{$a2}%
</span>
</div>"
?>
</div>
<div class="checkbox">
<label><input type="checkbox" name="wt1[2]" value="3"
id="js">
健身
</label>

<?php
echo "
<div class=‘progress progress-striped wid‘
style=‘position: relative;‘>
<div class=‘progress-bar progress-bar-info‘ role=‘progressbar‘
aria-valuenow=‘60‘ aria-valuemin=‘0‘ aria-valuemax=‘100‘
style=‘width: {$a3}%;‘>
</div>
<span style=‘right:136px; position: absolute;‘>
{$a3}%
</span>
</div>"
?>
</div>
<div class="checkbox">
<label><input type="checkbox" name="wt1[3]" value="4"
id="xzy">
寫作業
</label>

<?php
echo "
<div class=‘progress progress-striped wid‘
style=‘position: relative;‘>
<div class=‘progress-bar progress-bar-info‘ role=‘progressbar‘
aria-valuenow=‘60‘ aria-valuemin=‘0‘ aria-valuemax=‘100‘
style=‘width: {$a4}%;‘>
</div>
<span style=‘right:136px; position: absolute;‘>
{$a4}%
</span>
</div>"
?>
</div>
<div class="checkbox">
<label><input type="checkbox" name="wt1[4]" value="5"
id="gdx">
搞對象
</label>

<?php
echo "
<div class=‘progress progress-striped wid‘
style=‘position: relative;‘>
<div class=‘progress-bar progress-bar-info‘ role=‘progressbar‘
aria-valuenow=‘60‘ aria-valuemin=‘0‘ aria-valuemax=‘100‘
style=‘width: {$a5}%;‘>
</div>
<span style=‘right:136px; position: absolute;‘>
{$a5}%
</span>
</div>"
?>
</div>

<div>
<button type="submit" class="btn btn-primary" id="tijiao"
onclick="return tishi()">
投票
</button>
<button type="button" class="btn btn-primary"
id="chakan" onclick="set(zhezhao),remove(fanhui)">
查看結果
</button>
</div>
</div>

<div class="zhezhao" id="zhezhao" style="">

</div>

<div id="fanhui" class="fanhui" style="display: none;">
<button type="button" class="btn btn-primary"
style="width: 100px;" onclick="remove(zhezhao),set(fanhui)">
返回
</button>
</div>
</div>

</body>
</form>
</html>
<script type="text/javascript">
var zhezhao = document.getElementById("zhezhao");
var chakan = document.getElementById("chakan");
var fanhui = document.getElementById("fanhui");
var kds = document.getElementById("kds");
var wyx = document.getElementById("wyx");
var js = document.getElementById("js");
var xzy = document.getElementById("xzy");
var gdx = document.getElementById("gdx");

function set(zz){
zz.style.setAttribute("display","none");
}
function remove(zzz){
zzz.style.removeAttribute("display");
}
function tishi(){
if(!kds.checked && !wyx.checked && !js.checked && !xzy.checked && !gdx.checked){
alert("請選擇投票選項！");
return false;
}else{
alert("投票成功！");
return true;
}
}
</script>

<?php
header("Content-type:text/html;charset=utf-8");

$arr = $_POST["wt1"];

$db = new MySQLi("localhost","root","","php_zuoye");
if(mysqli_connect_error()){
echo "lianjieshibai";
}
$sql = "update diaoyanxuanxiang set
numbers = numbers + 1 where ids=‘{$arr[0]}‘|| ids=‘{$arr[1]}‘
|| ids=‘{$arr[2]}‘|| ids=‘{$arr[3]}‘|| ids=‘{$arr[4]}‘";

if($db->query($sql)){
header("location:toupiao.php");
}else{
echo "失敗";
}
?>

php 資料訪問練習：投票頁面

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More