jquery control a checkbox from another checkbox

Question

my check-boxes look like

<input type="checkbox" id="checkbox_1" name="artist" value="Yes">
<input type="checkbox" id="checkbox_2" name="song" value="Yes">

and my code is

$(document).ready( function() {
    $('#checkbox_1').click( function() {
        $('#checkbox_2').each( function() {
            this.checked = !this.checked;
        });
        $("#submit").click();
    });
});

problem is when i check checkbox_1 it doesnt stay checked (it stays deselected).. after $("#submit").click();

hope you get the ideea

ok ok ok ..

the desired effect is:

Step1: both checkboxes are cleared

Step2: if i select checkbox1 then both checkboxes are selected

Step2: if i deselect checkbox1 then both checkboxes are cleared again

get it ?

It looks like something else must be going on, or I misunderstood the question: Here's a fiddle that seems to work fine. — sdleihssirhc
– sdleihssirhc, Commented Aug 28, 2011 at 20:53

sdfadfaasd · Accepted Answer · 2011-08-28 21:16:50Z

1

$(function () {
  $('#checkbox_1').click(function () {
    $('#checkbox_2').prop('checked', $(this).prop('checked'));
  });
});

You don't need the .each unless there is more then one element.

http://jsfiddle.net/t3zgx/2/

edited Aug 28, 2011 at 21:16

answered Aug 28, 2011 at 20:55

sdfadfaasd

1,4462 gold badges16 silver badges18 bronze badges

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

2 Comments

mkk Over a year ago

how come there might be more than one element if you operate on Id not on Class?

Daniel S Over a year ago

hm.. i think something else interferes with my code , it seems that after $("#submit").click(); one checkbox stays checkd and the other cleared.. they belong to different forms ...

Struikel · Accepted Answer · 2011-08-28 21:13:13Z

0

$(function () {
    var checkbox_one = $('#checkbox_1');
    var checkbox_two = $('#checkbox_2');

    checkbox_one.click(function () {
      if(checkbox_one.prop('checked'))
      {
          checkbox_two.prop('checked', 'checked');
      }
      else
      {
          checkbox_two.removeProp('checked');
      }
  });
});

Fiddle

answered Aug 28, 2011 at 21:13

Struikel

1363 bronze badges

Collectives™ on Stack Overflow

jquery control a checkbox from another checkbox

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related