Question

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

我正在尝试创建一个脚本，该脚本可以看到按钮的值，并将其更改为其他状态。

我的按钮

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

我的脚本目前看起来像这样，目前无法区分活动按钮和禁用按钮。

我也可以让它更改按钮值，但如果再次调用该方法，它不会更改C的值。

我希望用户能够在按钮更改状态后调用新的适当方法。

$(document).ready(function(){
    $(".activebutton").click(function(){

   var c = $(this).val();
   //  alert(c)
   if(c = "Active")
            {
             var answer = confirm("Disable button?")
         if (answer)
             {
               var $inputElement = $(this),
               $("activebutton").val("Disabled");
             }
           }
   else
           {
               var answer = confirm("Activate button?")
               var $inputElement = $(this),
               {
                   $("activebutton").val("Active");
               }
            }
      });
});

Answer 1

你可以这样做：

$(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");
        }
    });
});

FIDDLE DEMO

Answer 2

这是工作代码，

<!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>

基于其值在按钮上使用不同的方法

2 个答案: