客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
要求大概是这样的，有一个题目，题目下面是复选框，要求点完复选框提交后会变成进度条，各选项的进度条百分比，和投票数量 首先还是要在数据库建两张表，如下： 要完成这个题目，需要建两个页面 <!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>
<form action="toupiaojg.php" method="post">
<?php
include("./fengzhuang.php"); //引入数据库，当前目录下
$db = new fengzhuang(); //造对象
$sql = "select * from diaoyantimu"; //sql语句 查询
$attr = $db->Query($sql); //返回二维数组
echo "{$attr[0][1]}<br>"; //输出题目名称
$code = $attr[0][0];
$sxx = "select * from diaoyanxuanxiang where timudaihao='{$code}'"; //查询所有选项
$axx = $db->Query($sxx);
foreach($axx as $v)
{
echo "<input type='checkbox' value='{$v[0]}' name='xx[]' />$v[1]<br>"; //输出所有选项内容，在它前面加复选框，以数组方式提交
}
?>
<input type="submit" value="投票" />
</form>
</body>
</html>
<!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
include("./fengzhuang.php");
$db = new fengzhuang();
$attr = $_POST["xx"]; //取数组
foreach($attr as $v) //用循环
{
$sql = "update diaoyanxuanxiang set numbers=numbers+1 where ids='{$v}'"; //写sql语句，每次修改一个
$db->Query($sql,0); //调用执行
}
//显示结果
$sql = "select * from diaoyanxuanxiang";
$shuzu = $db->Query($sql);
$szs = "select sum(numbers) from diaoyanxuanxiang";
$azs = $db->Query($szs);
$zs = $azs[0][0];
foreach($shuzu as $v) //遍历显示
{
$bfb = ($v[2]/$zs)*100; //选项人数除总数 ，再乘100
echo "{$v[1]}：{$v[2]}({$bfb}%)<div style='width:200px;height:10px; border:1px solid red;'><div style=' width:{$bfb}%; height:10px'></div></div>";
} //输出标题，输出进度条
?>
</body>
</html>
代码如上，也有注释，运行起来的结果就是这样： 选中某项或某几项点击投票后，就会出现进度条 进度条的变化随着你的选项而变化 |
2022-08-15
2022-08-17
2022-11-06
2022-08-17
2022-07-18
bradtraversy/iweather: Ionic 3 mobile weather app
joaomh/curso-de-matlab
魔兽世界怀旧服已经开启两个多月了，但作为一个猎人玩家，抓到“断牙”，已经成为了一
第七节：在多个线程时空中，把各自的代码塞到一个指定的线程时空运行 以Ado为例，
rugk/mastodon-simplified-federation: Simplifies following and interacting with r
GtkRadiant v1.6.6 was discovered to contain a buffer overflow via the component
softmmu/physmem.c in QEMU through 7.0.0 can perform an uninitialized read on the
Tangshitao/Dense-Scene-Matching: Learning Camera Localization via Dense Scene Ma
r0adkll/Slidr: Easily add slide to dismiss functionality to an Activity
相信不少果粉在对自己的设备进行某些操作时，都会碰到Respring，但这个 Respring 到底
请发表评论