调研题目与调研选项显示页面
<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. JavaScript对象浅复制

    1.概述 Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target). 注意,如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面 ...

  2. 网页抓取工具Teleport Ultra简介及如何使用

    Teleport Ultra是一款专业的离线浏览器,能够快速.准确地从网络抓取数据并保存到本地,实现离线浏览的目的.它可以从Internet的任何地方抓回你想要的任何文件,它可以在你指定的时间自动登录 ...

  3. win10 microsoft edge 浏览器收藏夹位置

    1.打开文件夹,找到(注意 用户名 改为你自己的用户名) C:\Users\用户名\AppData\Local\Packages\Microsoft.MicrosoftEdge_8wekyb3d8bb ...

  4. Github上的PHP开源资源汇总

    依赖管理 ——用于依赖管理的包和框架 Composer/Packagist : 一个包和依赖管理器 Composer Installers:  一个多框架Composer库安装器 Pickle: 可以 ...

  5. PHP框架认识初步

    PHP框架比較 CodeIgniter Codeigniter 相当轻量级.下载下来就能用, CI 的最大特点就是可扩展性非常强 你能够通过不改动源代码的方式 优雅的扩展差点儿全部的东西. think ...

  6. cache和内存

    CPU与内存 北桥:主桥,主要用来处理高速信号,负责与处理器的联系:CPU通过FSB前端总线来访问内存控制器. 南桥:IO桥,负责IO总线之间的通信,比如PCI总线.SATA.USB等,可以连接光驱. ...

  7. Android下的数据存储与访问、权限

    弹出吐司 在onCreate中可以先获取控件对象 /data/data/程序的包名/          在这个目录下面进行文件的读写可能因为包名的改变而变得不可靠. this可以是Activity,也 ...

  8. openwrt修改密码

    默认情况下root是没有密码的 需要设置密码后才能开启ssh 修改/etc/shadow文件: root:$1$wEehtjxj$YBu4quNfVUjzfv8p/PBo5.:0:0:99999:7: ...

  9. Linux安装php-7.0.16，完成php和apache的配置

    Linux安装php-7.0.16,完成php和apache的配置     版本:php-7.0.16.tar.gz,libxml2-2.9.2.tar.gz(php需要它的支持,首先安装它) 说明 ...

  10. k8s部署nginx集群

    环境: 两台虚拟机, 10.10.20.203 部署docker.etcd.flannel.kube-apiserver.kube-controller-manager.kube-scheduler ...