use Jquery to check checkbox in Jquery buttonset

Question

I have some checkboxes in a button set and I want to use Jquery to check one of the checkboxes.

It works, however, the visual representation of the checkbox does not update. ie, after executing $('#chk').attr('checked',true); the checked value is true, but the checkbox apears unchecked.

Demoed here: http://jsfiddle.net/kralco626/jzVjT/1/

Thanks!

Note: when you click the button in the jsfiddle example, the checkbox is being checked. You can tell because when you click the checkbox after clicking the button the checkbox still appears in the "unchecked" state. — kralco626
– kralco626, Commented Dec 6, 2010 at 14:16
Nick Craver's answer should work. As an aside, I'd say if what you really want is a buttonset, then you probably want to have your original source be a group of radio buttons, not checkboxes. Usually a buttonset provides a group of mutually exclusive options, whereas checkboxes each toggle an individual property on or off (those turn into toggle buttons when you call .button() on them directly). — RwwL
– RwwL, Commented Dec 6, 2010 at 14:20
I want checkbox functionality, not radio button functionality. A Jquery buttonset will either be a checkbox type set or a radio button type set based on whether it contains inputs of type checkbox, or radio. — kralco626
– kralco626, Commented Dec 6, 2010 at 14:20

Nick Craver · Accepted Answer · 2010-12-06 14:17:57Z

16

You need to call the refresh method on the buttonset to update the visual state after programmatic changes to the checked state, like this:

$("#test").buttonset("refresh");

You can test it out here.

answered Dec 6, 2010 at 14:17

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

Comments

Erik Reppen · Accepted Answer · 2010-12-06 14:38:53Z

-1

Try

'true'

rather than

true

Attributes are always string values.

Edit:

Never mind. No clue on buttonset functionality but things aren't behaving normally. Check the documentation for the API.

edited Dec 6, 2010 at 14:38

answered Dec 6, 2010 at 14:20

Erik Reppen

4,6231 gold badge26 silver badges26 bronze badges

3 Comments

Nick Craver Over a year ago

This is incorrect, it's a boolean value, and 'false' would set it to checked, unexpectedly.

Erik Reppen Over a year ago

Oh. Ick. You're right, but I don't like that JQ does it that way.

bobince Over a year ago

Yes, attr is confusing in that it accesses properties and not attributes... usually, except when it doesn't. jQuery tries to hide the difference, but the difference is still there.

Collectives™ on Stack Overflow

use Jquery to check checkbox in Jquery buttonset

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related