我正在尝试完成选中/未选中复选框的实时复选框结果。我的逻辑复选框工作,但现在我想存储这个活的复选框结果在MYSQL。所以当我点击复选框,结果应该存储在数据库中相同,当我取消复选框结果应该存储在数据库中。我不想在这个例子中使用任何按钮。
下面是我的代码:<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" >
function writeTo(object) {
var container = document.getElementById("container");
if (object.checked) {
container.innerHTML = "Added " + object.value + " <br />";
} else {
container.innerHTML = "Removed " + object.value + " <br />";
}
}
</script>
</head>
<body>
<div id="container"></div>
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Appel">Apple<br>
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Grape">Grape<br>
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Orange">Orange<br>
<?php
echo $dd= "<script>document.writeln(container.innerHTML);</script>";
require 'Database.php';
echo $sql="Update scott123.rahul_tbl_users set group1='$dd' where Dingoid=70001501";
//$sql1=mysql_query($sql);
?>
</body>
</html>
让你的writeTo函数向你的服务器发起一个ajax请求,执行mysql插入/更新查询
你可以通过读取复选框的"checked"属性来检查复选框的当前状态。
如果你有使用jQuery的经验,它会使很多事情更容易实现。
在writeTo函数中,必须对脚本执行Ajax调用,然后该脚本将更新数据库。
在最基本的形式中,它看起来像:(使用jQuery - http://jquery.com/)
function writeTo(object) {
// .. your other code ..
$.ajax( {
url: 'update.php',
method: 'POST',
data: { chkvalue: object.value }
} );
}
然后update.php看起来像:
<?php
$value = $_POST['chkvalue'];
// $value now contains the checkbox value, which can now be updated in DB