Enable Button When Any Checkbox Values Change

Question

I have a page with multiple checkboxes in varying states (checked or unchecked) . I'm trying to enable a button as soon as any of the checkbox values change state.

Here is my code so far but it doesn't seem to work properly yet:

var checkboxes = $("input[type='checkbox']");
   	
checkboxes.change(function(){
    $('#saveChanges').prop('enabled', true);
});

so what is the problem? do you mean when at least one of the checkbox is checked? — Arun P Johny
– Arun P Johny, Commented Jan 25, 2016 at 5:01
I don't understand the question - could you try to be more specific on your desired outcome — Lieutenant Dan
– Lieutenant Dan, Commented Jan 25, 2016 at 5:08

Jobelle · Accepted Answer · 2016-01-25 05:20:43Z

2

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

<script>

    $(document).ready(function () {


        $("input[type='checkbox']").change(function () {

            $('#saveChanges').prop('disabled', false);

        });

 });  
</script>
</head>
<body>


  <input type="checkbox" value="1" />
<input type="checkbox" value="1" />
<input type="checkbox" value="1" />
<button id="saveChanges" disabled>Save</button>

</body>
</html>

edited Jan 25, 2016 at 5:20

answered Jan 25, 2016 at 5:11

Jobelle

2,8441 gold badge17 silver badges27 bronze badges

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

2 Comments

steelcityamir Over a year ago

Doesn't seem to work. I need to enable the button if any of the checkboxes change. jsfiddle.net/Lgop8aqp

Ahs N Over a year ago

@kernelpanic You forgot to add JQuery in the jsfiddle--> https://jsfiddle.net/Lgop8aqp/2/

Shashank Shah · Accepted Answer · 2016-01-25 05:34:25Z

1

Try, where submit button would be..

<input type="submit" value="Do thing" disabled>

var checkboxes = $("input[type='checkbox']"),
    submitButt = $("input[type='submit']");
checkboxes.click(function() {
    submitButt.attr("disabled", !checkboxes.is(":checked"));
});

answered Jan 25, 2016 at 5:34

Shashank Shah

2,1774 gold badges23 silver badges51 bronze badges

Comments

Shashank Shah · Accepted Answer · 2016-01-25 06:01:59Z

0

Try,

<input class="myCheckBox" type="checkbox" value="true">
<input class="myCheckBox" type="checkbox" value="true">
<button type="submit" id="confirmButton">BUTTON</button>

var checkboxes = $('.myCheckBox');

checkboxes.on('change', function () 
{
    $('#confirmButton').prop('disabled', !checkboxes.filter(':checked').length);
}).trigger('change');

answered Jan 25, 2016 at 6:01

Shashank Shah

2,1774 gold badges23 silver badges51 bronze badges

Collectives™ on Stack Overflow

Enable Button When Any Checkbox Values Change

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related