调研题目与调研选项显示页面
<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. SpringBoot 框架整合

    代码地址如下:http://www.demodashi.com/demo/12522.html 一.主要思路 使用spring-boot-starter-jdbc集成Mybatis框架 通过sprin ...

  2. java模拟异步消息的发送与回调

      http://kt8668.iteye.com/blog/205739 本文的目的并不是介绍使用的什么技术,而是重点阐述其实现原理. 一. 异步和同步 讲通俗点,异步就是不需要等当前执行的动作完成 ...

  3. http://www.bootcss.com/p/font-awesome/design.html

    http://www.bootcss.com/p/font-awesome/design.html <li class="active"> <div class= ...

  4. hdu3685（几何重心与凸包结合）

    题意:给一个多边形(有可能是凹多边形).问有多少种可以使得它稳定放置的方式.当然稳定的原则就是重心做垂线在支撑点之内. 解法:由于有可能是凹多边形,所以先求出多边形的凸包,这是在放置时候会接触地面的全 ...

  5. 【Hadoop基础教程】2、Hadoop之单机模式搭建（转）

    单机模式所需要的系统资源是最少的,这种安装模式下,Hadoop的core-site.xml.mapred-site.xml.hdfs-site.xml配置文件均为空.默认情况下,官方hadoop-1. ...

  6. VM虚拟机内ubuntu无法连接到网络

    VM虚拟机内ubuntu无法连接到网络 解决:编辑网络,将网路都删除掉.又一次加入网络桥接和NAT链接. .又一次连接就可以,查看一下ip地址. 方法2: 虚拟机中新装ubuntu 编辑虚拟网络,先恢 ...

  7. vi编辑器命令大全

    >> from zhuhaiqing.info

  8. windows 下 Rabbitmq 配置远程访问

    1.运行-->CMD 2.定位到Rabbitmq 安装路径下的 sbin目录,执行 :rabbitmq-plugins enable rabbitmq_management 3.登录web控制台 ...

  9. Android Studio 2.3版本 Run项目不能自动启动APP的问题 （转）

    参考: http://blog.csdn.net/lucasey/article/details/61071377 Android Studio 升级到2.3版本后 运行项目后,只是安装上了,而APP ...

  10. IOS下移除按钮默认美化样式

    今天在做项目中发现 ios会自己美化按钮的样式  美化的一般都是加一个圆角 也就是常说的border-radius 属性    今天在弄一个input标签的时候加了一个border-bottom属性  ...