Jquery ajax切换类

时间:2012-01-23 04:14:07

标签: php mysql jquery

我有这个页面让用户决定是或否。所以我正在使用Jquery Ajax,因此用户不必刷新他的页面。我已经提供了按钮,因此用户可以选择“是”并立即将按钮更改为“否”。

我在mysql中表示'0'和'1'表示'否'和'是'。因此,当用户单击按钮时,mysql将更新记录“1”或“0”。

我设法通过第一次点击更新mysql,但是当第二次点击时,mysql将不接受订单。

这是我的Jquery Ajax代码:

<script type="text/javascript">
                $("document").ready(function()
                    {
                        $(".roundbox_blue").click(function()
                        {

                                $(this).toggleClass("roundbox_orange roundbox_blue");
                                var element = $(this);
                                var noteid = element.attr("value");
                                var info = "report="+noteid;


                                $.ajax({
                                    type: "POST",
                                    url: "mcr_external_gen.php",
                                    data: info,
                                    success: function(msg){

                                    }
                                });



                        });

                        $(".roundbox_orange").click(function()
                        {

                                $(this).toggleClass("roundbox_blue roundbox_orange");
                                var element = $(this);
                                var noteid = element.attr("value");
                                var info = "not_report="+noteid;


                                $.ajax({
                                    type: "POST",
                                    url: "mcr_external_gen.php",
                                    data: info,
                                    success: function(msg){

                                    }
                                });



                        });
                    });
            </script>

然后我有这个代码供用户点击:

<div class="show">
                <button class="roundbox_blue" value="1"> Click </button>
                <button class="roundbox_blue" value="2"> Click </button>
            </div>

将解析AJAX查询的PHP代码如下:

    if(isset($_POST['report']))
{

    $line_id = $_POST['report'];

    $Portal->LoginDB('test');
    mysql_query('UPDATE `ajax` SET `report` = "1" WHERE `id`="'.$line_id.'"');



}
if(isset($_POST['not_report']))
{

    $line_id = $_POST['not_report'];

    $Portal->LoginDB('test');
    mysql_query('UPDATE `ajax` SET `report` = "0" WHERE `id`="'.$line_id.'"');



}   

我面临的问题是,一旦用户点击按钮,mysql确实更新了记录,但是当用户第二次点击按钮(意思是取消)时,mysql没有相应地更新记录。

如果你们能帮助我,我感激不尽。

2 个答案:

答案 0 :(得分:0)

您只是在doc load上挂钩蓝框。

答案 1 :(得分:0)

更改第二个按钮的类,

<div class="show">
                <button class="roundbox_blue" value="1"> Click </button>
                <button class="roundbox_orange" value="2"> Click </button>
            </div>