jquery checkbox unable to click

Question

I am unable to check the checkbox only if I click on the row but I want to click it in both ways. This is my method i am using:

$("table tr").click(function(){
    var id=$(this).attr("id");
            //This is because i dont want first row to be able to select
    if(typeof(id)!="undefined"){
        if($("#select-"+id).attr("checked")!="checked")
            $("#select-"+id).attr("checked","checked");
        else
            $("#select-"+id).removeAttr("checked");
    }
});

Also here you can live view it sabrio.eu5.org/admin.php username: admin password: admin

musefan · Accepted Answer · 2012-03-02 17:26:33Z

3

My best guess is that your TR click function is cancelling out the default behaviour of the checkbox being clicked. So when you click the checkbox it is like it is being clicked twice.

try adding a click event to you checkboxes like this...

$("[type='checkbox']").click(function(e) {
        e.stopPropagation();
});

you will need to change the selector to something that suits your html

See here for a working example

answered Mar 2, 2012 at 17:26

musefan

48.5k21 gold badges144 silver badges193 bronze badges

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

Comments

DG3 · Accepted Answer · 2012-03-02 17:26:09Z

1

Would this help

     $("table tr").click(function(){
      var checkbox = $(this).find(':checkbox');
      checkbox.attr('checked', !checkbox.attr('checked'));
     });

answered Mar 2, 2012 at 17:26

DG3

5,32617 gold badges54 silver badges63 bronze badges

Collectives™ on Stack Overflow

jquery checkbox unable to click

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