调研题目与调研选项显示页面
<style type="text/css">
#list{ width:400px; height:200px;}
#jieguo{ width:400px; height:200px;}
.a{ float:left;}
</style>
<body>
<?php
include("DB.class.php");
$db= new DB();
$sql= "select * from diaoyantimu limit 1,1";
$attr= $db->Query($sql);
//var_dump($attr);
$tmmc = $attr[0][1]; //题目名称
$tmdh = $attr[0][0]; //题目代号
echo "<div><b>题目名称: {$tmmc}</b></div>";
$sqlxx = "select * from diaoyanxuanxiang where TiMuDaiHao = '{$tmdh}'";
$attrxx = $db->Query($sqlxx);
//var_dump($attrxx);
echo "<div id='list'>";
echo "<form action='tpchuli.php' method='post'>";
foreach($attrxx as $v)
{
//同时提交多个选项,将name值设为同名数组,则选中哪个就传哪个,传过去的也是数组
echo "<div >
<input type='checkbox' value='$v[0]' name='xx[]'/>
<span>{$v[1]}</span>
</div>";
}
echo "<input type='submit' value='提交'/>
<input type='button' value='查看' id='check' onclick='ShowJieGuo()'>";
echo "</form>";
echo "</div>"; echo "<div id='jieguo' style='display:none'>";
$sqlsum = "select sum(Numbers) from diaoyanxuanxiang where TiMuDaiHao = '{$tmdh}'"; //查询投票总人数
$attrsum = $db->Query($sqlsum);
foreach($attrxx as $v)
{
$name = $v[1]; //选项名
$number = $v[2]; //选择该选项的人数
$bfb = ($number/$attrsum[0][0])*100; //投票百分比
$bfb = round($bfb,2); //取小数点后两位
echo "<div style=' width:400px; height:30px;'>
<span class='a'>{$name}&nbsp; </span>
<div class='a' style=' width:100px; height:8px; border:1px solid red'>
<div style=' width:{$bfb}%; height:8px; background-color:red'></div>
</div>
<span class='a'> {$number}&nbsp; </span>
<span class='a'>({$bfb}%)</span>
</div>";
}
echo "<input type='button' value='返回' id='fanhui' onclick='ShowList()'/>"; echo "</div>"; ?> <script type="text/javascript">
function ShowJieGuo()
{
document.getElementById("list").style.display = "none";
document.getElementById("jieguo").style.display = "block";
}
function ShowList()
{
document.getElementById("list").style.display = "block";
document.getElementById("jieguo").style.display = "none";
}
</script>

选项提交处理页面

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

通过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. 【Cocosd2d-x CCMenu菜单之二】

    菜单项CCMenuItem是一个基类. 子类CCMenuItemFont.CCMenuItemLabel.CCMenuItemSprite.CCMenuItemToggle可增加CCMenu中形成菜单 ...

  2. git个人使用总结(界面版)

    最近开始使用GIT来管理测试文档,从0到1开始使用git 1.首先,使用网页登录GIT后,创建项目 2.创建项目后,需要配置一下访问者权限 3.然后在网页版GIT复制地址,git clone到 本地 ...

  3. sql server 类oracle vm_contact() 函数创建

    CREATE FUNCTION dbo.fun_orgname(@id int)RETURNS varchar(8000)AS BEGIN      DECLARE @str varchar(8000 ...

  4. 支付宝开放平台 配置RSA(SHA1)密钥 OpenSSL配置公钥私钥对

    进入到第一次配置支付宝支付服务了 配置支付宝服务,需要去支付宝的开放平台申请服务 需要设置一些参数 其中需要在后台设置配置RSA(SHA1)密钥(公钥(注意这个子读"yao")) ...

  5. YUV图像合成原理

    http://blog.csdn.net/zwz1984/article/details/50403150 http://zhongcong386.blog.163.com/blog/static/1 ...

  6. notepad 替换行收尾字符串或在行首尾新增字符

    用 Notepad++ 打开,把每一个将要放在表中单元格的内容放一行(注: ^ 代表行首 $ 代表行尾) 去除行尾空格和空白行:按CTRL+H 选择正则表达式-- 查找目标:\s+$ 替换为空 去除行 ...

  7. [译]GLUT教程 - 子菜单

    Lighthouse3d.com >> GLUT Tutorial >> Pop-up Menus >> Sub Menus 上一节我们介绍了如何创建普通菜单和如果 ...

  8. Ext如何Gird中如何显示时间类型的列?

         rt,后台bean中的字段属性是Date类型,前台的model中的字段属性也设置为date类型,但是还是显示不出来,如何解决呢? 直接代码: grid中的COLUMN: Model中的定义:

  9. centos6搭建docker镜像私服

    1.创建私服容器 docker run -d -e SETTINGS_FLAVOR=dev -e STORAGE_PATH=/tmp/registry -v /opt/data/registry:/t ...

  10. linux下tomcat6无法显示图片验证码 少了图形插件

    linux下tomcat6无法显示图片验证码(windows下显示正常) 原创 2015年10月20日 10:31:47 3526 linux下tomcat6无法显示图片验证码(windows下显示正 ...