Checkbox not getting checked when using jquery toggle

Question

I want the checkbox to be checked when I am using jquery toggle function. It works fine when I use the .bind('click').

$('#chkb').toggle(function () {

    $('#va').text("checked");
    $('#chkb').attr('checked', 'checked');

}, 
function () {

    $('#chkb').attr('checked', 'false');
    $('#va').text("");

});

html

<input type="checkbox" id="chkb" />

How do I get it done.

Thanks Jean

How about this guys : var apchk = '<input type=checkbox checked="checked" id="chkb">'; $('#c').html(apchk); — X10nD
– X10nD, Commented Oct 1, 2010 at 8:50

NimChimpsky · Accepted Answer · 2010-10-01 10:06:05Z

2

chkb = $('#chkb');
va = $('#va');

chkb.change(function () {
   va.text(chkb[0].checked ? "checked" : "");
});

Caching selectors into variables speeds things up - doesn't have to search the dom each time. Putting chkb into a variable means it can be used elsewhere in your jQuery, instead of using this.

edited Oct 1, 2010 at 10:06

answered Oct 1, 2010 at 8:28

NimChimpsky

47.5k61 gold badges202 silver badges319 bronze badges

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

2 Comments

Reigel Gallarde Over a year ago

+1 ^_^ one comment though. Although jQuery helps you a lot, don't abuse it. chkb[0].checked is faster than chkb.is(':checked'). cheers!

Reigel Gallarde Over a year ago

yeah and a down-vote won't help. ;) Just some explanation and all of us are happy. ;)

Reigel Gallarde · Accepted Answer · 2010-10-01 09:32:18Z

1

do you really have to checked it in code? (Is there something I missed? checkbox when clicked, already toggle it's checked attribute value.)

Better way to do this is by using change like this,

$('#chkb').change(function () {
    var self = this;
    $('#va').text(function(i,text){
        return self.checked?"checked":"";
    });
})

edited Oct 1, 2010 at 9:32

answered Oct 1, 2010 at 8:08

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

18 Comments

ZeissS Over a year ago

You can check a checkbox with the keyboard, too.

Reigel Gallarde Over a year ago

ahh... so better to use .change() then. ;)

X10nD Over a year ago

What about this var apchk = '<input type=checkbox checked="checked" id="chkb">'; $('#c').html(apchk);

Reigel Gallarde Over a year ago

@Jean - Why? what's with that?

Reigel Gallarde Over a year ago

@Jean - about .toggle() on checkbox, read this

|

Collectives™ on Stack Overflow

Checkbox not getting checked when using jquery toggle

2 Answers 2

2 Comments

18 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

18 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related