2013-05-15 38 views
0

我正在尝试使用选中/未选中复选框来实现实时复选框结果。我的复选框的逻辑工作,但现在我想存储此实时复选框结果MYSQL。所以,当我点击复选框时,结果应该存储在数据库中,与我取消选中复选框结果时应该存储在数据库中相同。在这个例子中,我不想使用任何按钮。如何将JavaScript复选框结果存储在php 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> 

回答

0

有你的writeTo功能启动到您的服务器的Ajax请求执行mysql的插入/更新查询。

您可以通过阅读其“checked”属性来检查复选框的当前状态。

如果您有使用jQuery的经验,它会使这个过程更容易实现。

+0

你好,我试图用 “选中” 属性它的工作原理,但我想存储在数据库中选中/未选中的值,所以这个doent适用于我。如果你使用jquery,我们不能将值传递给php,mysql.Thanks –

0

在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 
+0

非常感谢我只是试试这个,让你知道无论它是否有效 –

+0

你好,我尝试了你说,但它仍然没有工作。我非常接近结果,但犯了一个小错误。请帮助我。谢谢 –

相关问题