Javascript 根据按钮的值对其使用不同的方法_Javascript_Jquery_Html

Javascript 根据按钮的值对其使用不同的方法

javascript jquery html

Javascript 根据按钮的值对其使用不同的方法,javascript,jquery,html,Javascript,Jquery,Html,我有一系列从数据库创建的按钮，它们根据数据库中的值设置为活动或禁用我试图创建一个脚本，查看按钮的值并将其更改为其他状态我的纽扣 <input type='button' name='activebutton' id='actbutton11' value='Active' class='activebutton' /> 您可以这样做： $(document).ready(function () { $(".activebu

我有一系列从数据库创建的按钮，它们根据数据库中的值设置为活动或禁用

我试图创建一个脚本，查看按钮的值并将其更改为其他状态

我的纽扣

    <input type='button'
    name='activebutton'
    id='actbutton11'
    value='Active'
    class='activebutton'
    />

您可以这样做：

$(document).ready(function () {
    $(".activebutton").click(function () {
        var $inputElement = $(this),
            c = $(this).val();

        if (c === "Active") {
            var answer = confirm("Disable button?");
            if (answer) $inputElement.val("Disabled");

        } else {
            var answer = confirm("Activate button?");
            if (answer) $inputElement.val("Active");
        }
    });
});

这是工作代码

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
        <script>

            $(document).ready(function () {
                $(".activebutton").click(function(){
                    var answer;
                    var c = $(this).val();
                    if(c == "Active")
                    {
                        answer = confirm("Disable button?")
                        if (answer) {
                            $(".activebutton").val("Disabled");
                        }
                    } else if (c == "Disabled"){
                        answer = confirm("Activate button?");
                        if (answer) {
                            $(".activebutton").val("Active");
                        }
                    }
                });
            });
        </script>
    </head>

    <body>

        <input type='button'
               name='activebutton'
               id='actbutton11'
               value='Active'
               class='activebutton'
               />

    </body>
</html>


$（文档）.ready（函数（）{
$（“.activebutton”）。单击（函数（）{
var回答；
var c=$（this.val（）；
如果（c==“活动”）
{
回答=确认（“禁用按钮？”）
若有(答复){
$（“.activebutton”）.val（“已禁用”）；
}
}否则如果（c==“禁用”）{
回答=确认（“激活按钮”）；
若有(答复){
$（“.activebutton”）.val（“Active”）；
}
}
});
});

您正在使用if（c=“Active”）。您应该使用if（c==“Active”）。这是打字错误吗？你的代码上有一些没有意义的部分。逗号结束线？使用=而不是==？比较值？简单的初学者错误不幸的是，输入错误和健忘

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
        <script>

            $(document).ready(function () {
                $(".activebutton").click(function(){
                    var answer;
                    var c = $(this).val();
                    if(c == "Active")
                    {
                        answer = confirm("Disable button?")
                        if (answer) {
                            $(".activebutton").val("Disabled");
                        }
                    } else if (c == "Disabled"){
                        answer = confirm("Activate button?");
                        if (answer) {
                            $(".activebutton").val("Active");
                        }
                    }
                });
            });
        </script>
    </head>

    <body>

        <input type='button'
               name='activebutton'
               id='actbutton11'
               value='Active'
               class='activebutton'
               />

    </body>
</html>