Using different methods on a button based on its value

Question

I have a series of buttons created from a database, they are set to active or disabled based on a value in the database.

I am trying to create a script that sees what value the button has and changes it to the other state.

My buttons

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

My script currently looks like this, it is currently unable to differentiated between active and disabled buttons.

I can also get it to change the buttons value but it doesn't change the value of C if the method is called again.

I want the user to be able to call the new appropriate method once a button has changed state.

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

you are using if(c = "Active"). You should use if(c == "Active"). is it typo mistake ? — Rupesh
– Rupesh, Commented Oct 7, 2013 at 7:58
You have some non-sense bits on your code. Commas finishing lines? Comparing a value using = instead of ==? — emerson.marini
– emerson.marini, Commented Oct 7, 2013 at 7:59
simple beginner mistakes unfortunately, typos and forgetfulness — alexandercannon
– alexandercannon, Commented Oct 7, 2013 at 8:05

palaѕн · Accepted Answer · 2013-10-07 07:59:02Z

1

You can do this:

$(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

answered Oct 7, 2013 at 7:59

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ajith S · Accepted Answer · 2013-10-07 08:04:53Z

Here is the working code,

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

Collectives™ on Stack Overflow

Using different methods on a button based on its value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related