1.建立数据库

表1：DiaoYanTiMu

表2：DiaoYanXuanXiang

2.页面

页面1：投票首页

<!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='width:100px; height:10px; border:1px solid black;'><div style='width:{$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>

页面2：处理页面

<?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");

PHP 练习2：投票的更多相关文章

  1. 运用php做投票题，例题

    要求大概是这样的,有一个题目,题目下面是复选框,要求点完复选框提交后会变成进度条,各选项的进度条百分比,和投票数量 首先还是要在数据库建两张表,如下: 要完成这个题目,需要建两个页面 <!DOC ...

  2. easy_UI 投票列表

    首先我们考虑一下在项目投票种用到的属性(ID,投票标题,备选项目,参与人数) entity package cn.entity; public class GridNode { private Lon ...

  3. 利用django创建一个投票网站（六）

    建你的第一个 Django 项目, 第六部分 这一篇从第五部分(zh)结尾的地方继续讲起.再上一节中我们为网络投票程序编写了测试,而现在我们要为它加上样式和图片. 除了服务端生成的 HTML 以外,网 ...

  4. 利用django创建一个投票网站（五）

    创建你的第一个 Django 项目, 第五部分 这一篇从第四部分(en)结尾的地方继续讲起.我们在前几章成功的构建了一个在线投票应用,在这一部分里我们将其创建一些自动化测试. 自动化测试简介 自动化测 ...

  5. 利用django创建一个投票网站（四）

    创建你的第一个 Django 项目, 第四部分 这一篇从第三部分(zh)结尾的地方继续讲起.我们将继续编写投票应用,专注于简单的表单处理并且精简我们的代码. 编写一个简单的表单 让我们更新一下在上一个 ...

  6. 利用django创建一个投票网站（三）

    创建你的第一个 Django 项目, 第三部分 这一篇从第二部分(zh)结尾的地方继续讲起.我们将继续编写投票应用,并且聚焦于如何创建公用界面--也被称为"视图". 设计哲学 Dj ...

  7. 利用django创建一个投票网站（二）

    创建你的第一个 Django 项目, 第二部分 这一篇从第一部分(zh)结尾的地方继续讲起.本节我们将继续写 Web 投票应用,并主要关注 Django 提供的自动生成的管理页面(admin site ...

  8. 利用django创建一个投票网站（一）

    这是教程的原始链接:http://django-intro-zh.readthedocs.io/zh_CN/latest/part1/ 创建你的第一个 Django 项目, 第一部分 来跟着实际项目学 ...

  9. Django基础，Day5 - form表单投票详解

    投票URL polls/urls.py: # ex: /polls/5/vote/ url(r'^(?P<question_id>[0-9]+)/vote/$', views.vote, ...

  10. PHP类的封装和做投票和用进度条显示

    三处理传过来的数据1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...

随机推荐

  1. EasyJSWebView原理分析

    概述 在iOS6之前,native只能调用webiew里的js代码,官方没有提供js调用native方法的接口.到了iOS7,官方提供了JSContext用来与js交互,native和js可以双向调用 ...

  2. 【IdentityServer4文档】- 贡献

    贡献 我们非常乐于接受社区贡献,但您应遵循一些指导原则,以便我们可以很方便的解决这个问题. 如何贡献? 最简单的方法是打开一个问题并开始讨论.然后,我们可以决定如何实现一个特性或一个变更.如果您即将提 ...

  3. TCP 接收窗口自动调节

    https://technet.microsoft.com/zh-cn/magazine/2007.01.cableguy.aspx 欢迎来到 TechNet 杂志“网络专家”的第一部分.TechNe ...

  4. 解决打包遇到的_mssql问题

    明明上一篇还说着打包好了,这一个又出现了问题,真是让人揪心呀!错误如下: Traceback (most recent call last): File "macc.py", li ...

  5. C#中的unsafe

    为了保持类型安全性,默认情况下,C# 不支持指针算法. 但是,通过使用 unsafe 关键字,可以定义可在其中使用指针的不安全上下文. 有关指针的详细信息,请参阅主题指针类型. 备注 在公共语言运行时 ...

  6. matlab如何将数组中的NAN值去除

        比如我们一组数据,里面有不少的NaN值,如何将其删除掉呢?可以通过find函数来搞定.     我们可以通过importdata('data.txt')将数据文件data.txt导入数组A中. ...

  7. tomcat执行shutdown.sh进程残留的解决办法

    我们执行shutdown.sh指令的时候有时会发现进程并没有被关掉而是越来越多,这种情况一般是项目造成的,具体原因未去调查.由于tomcat自己有相应的保护机制,所以我们只需要强制结束其进程即可,下面 ...

  8. Java SE1.6中的Synchronized

    1 引言 在多线程并发编程中Synchronized一直是元老级角色,很多人都会称呼它为重量级锁,但是随着Java SE1.6对Synchronized进行了各种优化之后,有些情况下它并不那么重了,本 ...

  9. 第49天：封装自己的scrollTop

    一.scroll家族 offset 自己的偏移scroll滚动的 scrollTop和scrollLeftscrollTop 被卷去的头部当滑动滚轮浏览网页的时候,网页隐藏在屏幕上方的距离二.页面滚动 ...

  10. C结构体【转】

    “结构”是一种构造类型,它是由若干“成员”组成的.每一个成员可以是一个基本数据类型或者又是一个构造类型.结构既是一种“构造”而成的数据类型,那么在说明和使用之前必须先定义它,也就是构造它.如同在说明和 ...