jquery checkbox checked

Question

I have this:

<div id="container1">
   <div class="block1">
      <input class="pos2" type="checkbox" /><label>Category1</label><br>
      <input class="pos3" type="checkbox" /><label>Subcategory1</label><br>
      <input class="pos3" type="checkbox" /><label>Subcategory1</label>
   </div>

   <div class="block1">
      <input class="pos2" type="checkbox" /><label>Category2</label><br>
      <input class="pos3" type="checkbox" /><label>Subcategory2</label>
      <input class="pos3" type="checkbox" /><label>Subcategory2</label>
   </div>
</container>

I am trying to use jquery to auto-check the checkboxes. For example: if I would check 'pos2' it would auto-check pos3.

I used this:

$("#container1 .block1 .pos2").click(function(){
     $(".block1").children(".pos3").attr('checked', 'checked');
});

But I need it to only check 'pos3' from the div I clicked on.

Note: The checkboxes are generated with PHP from entrys in a database. Their numbers can vary, thus I can't use ids on elements.

Can anyone help me on this?

Thanks in advance!

BuddhiP · Accepted Answer · 2012-12-07 10:34:45Z

1

Try this:

$(".pos2").click(function(){
   $(this).siblings(".pos3").attr('checked', 'checked');
});

answered Dec 7, 2012 at 10:34

BuddhiP

6,5035 gold badges39 silver badges57 bronze badges

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

Comments

adeneo · Accepted Answer · 2012-12-07 10:36:04Z

1

$("#container1 .block1 .pos2").on('change', function(){
    $(this).siblings('.pos3').prop('checked', this.checked);
});

answered Dec 7, 2012 at 10:36

adeneo

319k29 gold badges410 silver badges392 bronze badges

Comments

Viktor S. · Accepted Answer · 2012-12-07 10:34:55Z

0

This code should work:

$("#container1 .block1 .pos2").click(function(){
    $(this).parent().find('.pos3').attr('checked', 'checked');
});

in handler function this points to clicked object. .parent will get parent of that checkbox and find will search for .pos3 inside parent div only (like $(".block1 .pos3"))

answered Dec 7, 2012 at 10:34

Viktor S.

12.8k1 gold badge30 silver badges56 bronze badges

1 Comment

Viktor S. Over a year ago

@user1885099 Instead of "thank you" commenting, JFYI: meta.stackexchange.com/questions/5234/…. And besides, BuddhiP's answer with .siblings is better - it is shorter and do the same thing. Plus it should be faster.

Murali Murugesan · Accepted Answer · 2012-12-07 10:35:13Z

0

Try the below

 $("#container1 .block1 .pos2").click(function(){
    $(this).parents("div.block1:first")
     .children(".pos3").attr('checked', 'checked');
 });

answered Dec 7, 2012 at 10:35

Murali Murugesan

22.6k18 gold badges76 silver badges124 bronze badges

Comments

Sridhar Narasimhan · Accepted Answer · 2012-12-07 10:35:13Z

0

$("#container1 .block1 .pos2").click(function(){
$(this).siblings(".pos3").attr('checked', 'checked');
});

answered Dec 7, 2012 at 10:35

Sridhar Narasimhan

2,6532 gold badges19 silver badges25 bronze badges

Collectives™ on Stack Overflow

jquery checkbox checked

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related