1. 调研题目与调研选项显示页面
    <style type="text/css">
  2. #list{ width:400px; height:200px;}
  3. #jieguo{ width:400px; height:200px;}
  4. .a{ float:left;}
  5. </style>
  6. <body>
  7. <?php
  8. include("DB.class.php");
  9. $db= new DB();
  10. $sql= "select * from diaoyantimu limit 1,1";
  11. $attr= $db->Query($sql);
  12. //var_dump($attr);
  13. $tmmc = $attr[0][1];    //题目名称
  14. $tmdh = $attr[0][0];    //题目代号
  15. echo "<div><b>题目名称: {$tmmc}</b></div>";
  16. $sqlxx = "select * from diaoyanxuanxiang where TiMuDaiHao = '{$tmdh}'";
  17. $attrxx = $db->Query($sqlxx);
  18. //var_dump($attrxx);
  19. echo "<div id='list'>";
  20. echo "<form action='tpchuli.php' method='post'>";
  21. foreach($attrxx as $v)
  22. {
  23.     //同时提交多个选项,将name值设为同名数组,则选中哪个就传哪个,传过去的也是数组
  24.     echo "<div >
  25.         <input type='checkbox' value='$v[0]' name='xx[]'/>
  26.         <span>{$v[1]}</span>
  27.     </div>";
  28. }
  29. echo "<input type='submit' value='提交'/>
  30.      <input type='button' value='查看' id='check' onclick='ShowJieGuo()'>";
  31. echo "</form>";
  32. echo "</div>";
  33.  
  34. echo "<div id='jieguo' style='display:none'>";
  35. $sqlsum = "select sum(Numbers) from diaoyanxuanxiang where TiMuDaiHao = '{$tmdh}'";   //查询投票总人数
  36. $attrsum = $db->Query($sqlsum);
  37. foreach($attrxx as $v)
  38. {
  39.     $name = $v[1];            //选项名
  40.     $number = $v[2];          //选择该选项的人数
  41.     $bfb = ($number/$attrsum[0][0])*100;    //投票百分比
  42.     $bfb = round($bfb,2);      //取小数点后两位
  43.     echo "<div style=' width:400px; height:30px;'>
  44.         <span class='a'>{$name}&nbsp; </span>
  45.         <div class='a' style=' width:100px; height:8px; border:1px solid red'>
  46.             <div style=' width:{$bfb}%; height:8px; background-color:red'></div>
  47.         </div>
  48.         <span class='a'> {$number}&nbsp; </span>
  49.         <span class='a'>({$bfb}%)</span>
  50.         </div>";
  51. }
  52. echo "<input type='button' value='返回' id='fanhui' onclick='ShowList()'/>";
  53.  
  54. echo "</div>";
  55.  
  56. ?>
  57.  
  58. <script type="text/javascript">
  59. function ShowJieGuo()
  60. {
  61.     document.getElementById("list").style.display = "none";
  62.     document.getElementById("jieguo").style.display = "block";
  63. }
  64. function ShowList()
  65. {
  66.     document.getElementById("list").style.display = "block";
  67.     document.getElementById("jieguo").style.display = "none";
  68. }
  69. </script>

选项提交处理页面

  1. <?php
  2. $attr=$_POST["xx"];
  3. //var_dump($attr);
  4. include("DB.class.php");
  5. $db=new DB();
  6. foreach($attr as $v)
  7. {
  8.     $sql="update DiaoYanXuanXiang set Numbers=Numbers+1 where Ids='{$v}' ";
  9.     $r=$db->Query($sql,1);
  10.  
  11.         header("location:test.php");
  12. }

通过JS,点击查看,只显示div#jieguo

点击返回,只显示div#list

注意:

1.同时提交多个选项,将name值设为同名数组,则选中哪个就传哪个,传过去的也是数组

2.进度条是外层div套了一个内层div,外层div设定宽度,高度和边框;内层div设定宽度用百分比,高度与外层相同,背景颜色

php......调研投票练习的更多相关文章

  1. php 之 查询 投票练习（0508）

    练习题目: 解题: 方法一: 1. 投票主页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

  2. Webform之（简单投票）练习

    创建数据库: CREATE table DiaoYanTiMu ( Ids int primary key ,--题目代号 Title varchar() not null ,--要调查的题目 Sel ...

  3. 分布式键值存储系统ETCD调研

    分布式键值存储系统ETCD调研 简介 etcd是一个开源的分布式键值存储工具--为CoreOS集群提供配置服务.发现服务和协同调度.Etcd运行在集群的每个coreos节点上,可以保证coreos集群 ...

  4. JSP+javaBean：简易投票网页练习

    一.项目目标 session作用域中如果不及时清理一些对象,在一定久的时间或相当数量的请求后,造成session中大量对象堆积,这将严重影响服务器的性能. 在本实例中,通过写一个jsp与javaBea ...

  5. 使用PHP+MySql操作——实现微信投票功能

    1. 投票主页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  6. Backlog和冲刺结果以及产品Demo市场调研

    Backlog和第一阶段冲刺结果以及产品Demo 博客停更了一段时间,但是我们团队没有闲着,现在一次性汇报团队工作进度,Backlog和第一阶段冲刺结果以及产品Demo. 在一段时间的分工合作以及调整 ...

  7. php查询操作实现投票功能

    这篇文章主要为大家详细介绍了php查询操作实现投票功能的具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下   本文实例为大家分享了php查询操作实现投票功能的代码,供大家参考,具体内容如下 ...

  8. 投票：OAuth2.0 技术选型你会怎么选

    1. 前言 在使用 OAuth2.0 中 Authorization Server (授权服务器)是一个回避不了的设施,在大多数情况下我们调用的是一些知名的.可靠的.可信任的第三方平台,比如 QQ.微 ...

  9. 创业学习---《如何展开竞争情报调研》--D-1.调研模块---HHR计划---以太一堂

    第一:<开始学习> 1,投资人看人标准:人品好:创业热情:学习能力. 2,思考题:请你预判一个最靠谱的方向来创业,你会怎么调研呢? 3,预热思考题: (1)在这个赛道,究竟有哪些重要竞争对 ...

随机推荐

  1. highCharts怎样实现json数组数据的图形展示

    昨天花了一天的时间学习了一下highcharts.主要的内容差点儿相同都看了一遍,然后试着写了一个完整的demo,期间可谓百转千回.费了不少功夫.终于还是实现了我所想要的效果图,接下来我将怎样实现统计 ...

  2. myeclipse svn安装

    安装subclipse, SVN 插件 1.从官网下载site-1.6.9.zip文件,网址是:subclipse.tigris.org, 2.从中解压出features与plugins文件夹,复制到 ...

  3. the reactor pattern and java nio

    在<java NIO>作者PPT<How to Build a Scalable Multiplexed Server With NIO> 和 Doug Lea <Sca ...

  4. tony_update yum

    更改方法是这样的 在 /etc/yum.repos.d 下 1  wget http://mirrors.163.com/.help/CentOS6-Base-163.repo 2  #mv  Cen ...

  5. linux的用户、群组

    1.      用户及passwd文件 1)      掌握/etc/passwd文件的功能:存储所有用户的相关信息,该文件也被称为用户信息数据库(Database). 2)      /etc/pa ...

  6. Thread 常搞混的几个概念sleep、wait、yield、interrupt

    sleep:在指定的毫秒数内让当前正在执行的线程休眠(暂停执行),此操作受到系统计时器和调度程序精度和准确性的影响.该线程不丢失任何监视器的所属权. 通过调用sleep使任务进入休眠状态,在这种情况下 ...

  7. 局域网简单的SVN服务器的搭建

            最近组织在做一个比较大的项目,需要多人参与配合,经常会对项目文件增删查改,因此使用了SVN作为项目管理工具.但大家都很"盲",所以搭建SVN服务器的任务就落在了我这 ...

  8. Linux个人常用命令汇总

    1. 查询端口状态 netstat -apn | grep [port] 得到pid=64472 2. 根据进程id查询程序信息 ps -aux | grep [pid] 3. CentOS防火墙 参 ...

  9. 用代码构造PreferenceScreen

    在PreferenceFregment中构造界面,简单省事的方法就是使用findPreference然后在xml里把UI写好.在代码中动态的添加UI内容也是需要的.核心代码是: PreferenceS ...

  10. 转载：SQL 字符串操作函数

    http://www.cnblogs.com/jiajiayuan/archive/2011/06/16/2082488.html 以下所有例子均Studnet表为例:  计算字符串长度len()用来 ...