Uncheck JQuery UI checkbox from function

Question

using check box as in http://jqueryui.com/button/#checkbox (not the button set)

and want a start over button to uncheck all JQuery check boxes, using Jquery UI the checkboxes are created as inputs so that prop below does not work

 <script>
            $(function() {
                    $( "#startover" ).click(function() {                            
                        $("#mycheck").prop("checked", false);
                    });
            });

Code:

<input type="checkbox" id="mycheck" ><label for="mycheck">clickme</label>

The prop is supposed to work even on check boxes that were dynamically added to the DOM. You should consider providing us with a jsfiddle.net showing your relevant problem. — Itay
– Itay, Commented Sep 11, 2013 at 21:11

Irvin Dominin · Accepted Answer · 2013-09-11 21:13:17Z

6

Use refresh method to update the visual state of the UI control.

Ref:

Refreshes the visual state of the button. Useful for updating button state after the native element's checked or disabled state is changed programmatically.

Code:

 $(function () {
     $("#mycheck").button();
     $("#startover").click(function () {
         $("#mycheck").prop("checked", false);
         $("#mycheck").button("refresh");
     });
 });

Demo: http://jsfiddle.net/IrvinDominin/TyWcP/

answered Sep 11, 2013 at 21:13

Irvin Dominin

31k9 gold badges83 silver badges114 bronze badges

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

1 Comment

Logic1 Over a year ago

Total life saver, Thanks for showing the part about refresh. I was letting jquery change a checkbox to button styling and couldnt for the life of me figure out how to make the button reflect the sate of the checkbox. This fixed the issue nicely.

tymeJV · Accepted Answer · 2013-09-11 21:11:16Z

1

How about:

$("input:checkbox").prop("checked", false);

answered Sep 11, 2013 at 21:11

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Collectives™ on Stack Overflow

Uncheck JQuery UI checkbox from function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related