分两个页面，要点：提交form 相连action method  两个页面可以合成一个页面action传到自身页面   但分开较清晰

第一个页面vote.php

 <!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">

 *

 {

     margin:0px auto;

     padding:0px;

     }

 h3

 {

     margin:10px;

     }

 .diyiceng

 {

     height:220px;

     width:200px;

     background-color:#FFF;

     position:absolute;

     visibility:visible;

     left:10px;

     top:40px;

     }

 .dierceng

 {

     height:220px;

     width:800px;

     background-color:#FFF;

     position:absolute;

     visibility:hidden;

     left:0px;

     top:0px;

     }

 .xuanxiang

 {

     position:absolute;

     }

 .jindu

 {

     width:200px;

     height:10px;

     position:absolute;

     left:100px;

     border:solid #999 1px;

     }

 .jindutiao

 {

     height:8px;

     position:absolute;

     background-color:#0F0;

     border:solid 1px #00FF00;

     }

 .shuzi

 {

     position:absolute;

     left:320px;

     }

 .baifenbi

 {

     position:absolute;

     left:350px;

     }

 </style>

 </head>

 <body>

 <h3>35岁发展方向</h3>

 <div class="diyiceng" id="diyiceng">

 <form action="votechuli.php" method="post">

 <?php

     $db=new mysqli("localhost","root","123","test2");

     !mysqli_connect_error()or die("连接错误");

         $sql="select * from DiaoYanXuanXiang";

         $resulttp=$db->query($sql);

         while($row = $resulttp->fetch_row())

         {   //print_r($row);

             echo "<div><input type='checkbox' name='test[]' value='".$row[0]."'/>".$row[1]."</div><br />";

         }

 ?>

 <input type="submit" name="submit" value="提交" />&nbsp;&nbsp;

 <input type="button" name="chakan" value="查看结果" onclick="xianshi()"/>

 </form>

 <?php

 $db=new mysqli("localhost","root","123","test2");

 !mysqli_connect_error()or die("连接错误");

     $sql="select * from DiaoYanXuanXiang";

     $result=$db->query($sql);

 echo "<div class='dierceng' id='yincang'>";

 echo "<form>";

     $sqlsum = "select SUM(numbers) from DiaoYanXuanXiang";

     $resultsum = $db->query($sqlsum);

     $aa = $resultsum->fetch_row();

     $zongshu = $aa[0];

     while($rowjg = $result->fetch_row())

     {

         $xuanxiang = $rowjg[1];

         $shuliang = $rowjg[2];

         $baifenbi = $shuliang/$zongshu*100;

         $baifenbi1=round($baifenbi,1);//对小数取一位

         echo "<div><div class='xuanxiang'>".$xuanxiang."</div>

         <div class='jindu'><div class='jindutiao' style='width:".$baifenbi."%'></div></div>

         <div class='shuzi'>".$shuliang."</div>

         <div class='baifenbi'>".$baifenbi1."%</div></div><br /><br />";

     }

 echo "<input type='button' name='fanhui' value='返回' onclick='buxianshi()' />";

 echo "</form>";

 echo "</div></div>";

 ?>

 </body>

 </html>

 <script>

 function xianshi()

 {

    var a=document.getElementById("yincang");

    if(a.style.visibility="hidden")

    {

        a.style.visibility="visible";

    }

 }

 function buxianshi()

 {

    var a=document.getElementById("yincang");

    if(a.style.visibility="visible")

    {

        a.style.visibility="hidden";

    }

 }

 </script>

效果图：

第二个页面

votechuli.php

 <!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>

 </head>

 <body>

 <?php

 $test=$_POST["test"];

 //1.造连接对象

 $db=new mysqli("localhost","root","123","test2");

 //2.判断是否连接成功

 !mysqli_connect_error()or die("连接失败");

         for($i=0;$i<count($test);$i++)

       {

         $sql="update DiaoYanXuanXiang set numbers=numbers+1 where ids='".$test[$i]."'";

         $result=$db->query($sql);//为什么query后要加（$sql,0）1代表增删改 变化的一面  0代表 查询 不变的一面

       }

         //判断是否修改成功

         if($result)

         {

             header("Location:vote.php");

             }

             else

             {

                 echo "修改失败！";

                 }

 ?>

 </body>

 </html>

效果图：

2016/3/30 ①投票checkbox ②进度条两个div套起百分比控制内div（width） <div><div></div></div> ③数据库test2 表 diaoyan... 35岁发展方向投票的更多相关文章

  1. ionic 横向滚动 ion-scroll 进度条（步骤）// 根据后台数据控制当前默认滑动到的位置

    <ion-scroll zooming="false" direction="x" style="width: 100%;" scro ...

  2. Android 自学之进度条ProgressBar

    进度条(ProgressBar)也是UI界面中的一种非常使用的组件,通常用于向用户显示某个耗时完成的百分比.因此进度条可以动态的显示进度,因此避免长时间地执行某个耗时操作时,让用户感觉程序失去了响应, ...

  3. Android 自定义view --圆形百分比（进度条）

    转载请注明出处:http://blog.csdn.net/wingichoy/article/details/50334595 注:本文由于是在学习过程中写的,存在大量问题(overdraw onDr ...

  4. android多线程进度条

    多线程实现更新android进度条. 实例教程,详细信息我已经注释   android多线程进度条   01package com.shougao.hello; 02 03import android ...

  5. QT中可以用QProgressBar或着QProgressDialog来实现进度条

    QProgressBar的使用 首先在designer中拖一个按钮和进度条部件,按下面初始化 //补充:下面两句写在MainWindow的构造函数里进行初始化 ui->progressBar-& ...

  6. 制作进度条(UISlider)

    怎样判断是否应当使用进度条 用进度条的主要目的是为了用一根管子的充满程度来直观地表示某种数值的百分比,进度条分为可拖动和不可拖动两种. 可拖动进度条和不可拖动进度条的原理几乎是一模一样,唯一的区别是可 ...

  7. JQuery UI进度条——Progressbar

    1.先引入jquery和jquery-ui的js,例子如下: <link href="JqueryUI/jquery-ui.css" rel="stylesheet ...

  8. QT中进度条的使用

    在QT中可以用QProgressBar或着QProgressDialog来实现进度条. QProgressBar的使用 首先在designer中拖一个按钮和进度条部件,按下面初始化 //补充:下面两句 ...

  9. 进度条（ProgressBar）的功能与用法

    进度条也是UI界面中一种非常实用的组件,通常用于向用户显示某个耗时操作完成的的百分比.进度条可以动态的显示进度,因此避免长时间的执行某个耗时的操作,让用户感觉程序失去了响应,从而更好的提高用户界面的友 ...

随机推荐

  1. webpack之source map

    先来一个webpack小例子,项目结构如下: // greeter.js module.exports = function() { var greet = document.createElemen ...

  2. 生成 Let's Encrypt 免费https证书

    1.打开 SSL For Free 官网:https://www.sslforfree.com/ 2.在输入框内输入你要申请证书的域名,输入完点击 Create Free SSL Certificat ...

  3. POJ 1655 Balancing Act （树形DP求树的重心）

    题意: 求一棵树中以某个点为重心最小的子树集, 就是去掉这个点, 图中节点最多的联通块节点最少. 分析: 想知道这个点是不是最优的点, 只要比较它子树的数量和除去这部分其他的数量(它的父节点那部分树) ...

  4. 大数据学习——flume安装部署

    1.Flume的安装非常简单,只需要解压即可,当然,前提是已有hadoop环境 上传安装包到数据源所在节点上 然后解压  tar -zxvf apache-flume-1.6.0-bin.tar.gz ...

  5. maven+Hibernate+mysql环境搭建

    项目结构图如下 一,首先是添加依赖pom.xml <?xml version="1.0" encoding="UTF-8"?> <projec ...

  6. HDU 5242 利用树链剖分思想进行贪心

    题目大意: 在给定带权值节点的树上从1开始不回头走到某个底端点后得到所有经过的点的权值后,这些点权值修改为0,到达底部后重新回到1,继续走,问走k次,最多能得到多少权值之和 这其实就是相当于每一次都走 ...

  7. 【字符串+BFS】Problem 7. James Bond

    https://www.bnuoj.com/v3/external/gym/101241.pdf [题意] 给定n个字符串,大小写敏感 定义一个操作:选择任意m个串首尾相连组成一个新串 问是否存在一个 ...

  8. ubuntu 18.04取消自动锁屏以及设置键盘快捷锁屏

    1:操作设置取消自动锁屏: setting-->power--->never 2:  设置自动锁屏快捷键: 快捷键设置一般在setting-->devices--->keybo ...

  9. Toad Oracle 本地/远程数据库导入/导出 数据库备份

    1. Toad进入数据库后,选择 Database ==> Export  ===>  Export Utility Wizard ,选择export  user(按用户导出),选择Toa ...

  10. 骑士精神 (codevs 2449)

    题目描述 Description 在一个5×5的棋盘上有12个白色的骑士和12个黑色的骑士, 且有一个空位.在任何时候一个骑士都能按照骑士的走法(它可以走到和它横坐标相差为1,纵坐标相差为2或者横坐标 ...