JQuery using one checkbox to uncheck another programatically

Question

I'm after a script where one checkbox will uncheck another. It is a bit complicated though as all the data is loaded programatically. So if a checkbox is unchecked the procedure is to take its src value, then go through the other inputs and find inputs that have a title of 'RQlevel' + the src value of the clicked elements and set it to unchecked.

Here is the current code.

function levels() {
  var test = $(this).attr('src'); 
  if ($(this).is(':not(:checked)')) { 
    $(':input').each(function() { 
      if ($(this).attr('title') === ('RQLevel' + test)) {
        $(this).removeAttr('checked');
      }
    });
  }
}

There is a working example here that will illustrate the issue http://jsfiddle.net/V8FeW/7/ If both boxes are checked and the first box is then unchecked it should take the second box with it.

Marvellous

possible duplicate of stackoverflow.com/questions/4816991/… — Josh
– Josh, Commented Jan 27, 2011 at 14:50

jAndy · Accepted Answer · 2011-01-27 14:55:20Z

3

function levels() {
  var test = $(this).attr('src'); 
  if (!this.checked)
     $('input:checkbox[title=RQlevel' + test + ']').removeAttr('checked');
}

$(function() {
    $('input:checkbox').bind('change', levels);
});

Demo: http://jsfiddle.net/V8FeW/12/

answered Jan 27, 2011 at 14:55

jAndy

237k57 gold badges313 silver badges363 bronze badges

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

1 Comment

Walrus Over a year ago

One more thing. How to add the attribute disabled as well. $('input:checkbox[title=RQlevel' + test + ']').Attr('disabled','disabled'); does not work

Andrew Jackman · Accepted Answer · 2011-01-27 14:46:19Z

1

$('input [title="RQlevel"]').attr('checked', $(this).attr('checked'));

answered Jan 27, 2011 at 14:46

Andrew Jackman

14k8 gold badges38 silver badges44 bronze badges

1 Comment

Walrus Over a year ago

Thanks but that won't do it as we do not know the id of the other checkbox as they are generated programatically and there may be multiple checkboxes with that title RQlevel that would also have to be unchecked, again not known until the page is generated.

fimez · Accepted Answer · 2011-01-27 14:47:38Z

0

Here you can find a nice, short and elegant solution: http://briancray.com/2009/08/06/check-all-jquery-javascript/

answered Jan 27, 2011 at 14:47

fimez

4083 silver badges14 bronze badges

1 Comment

Walrus Over a year ago

Thanks but that won't do it either as we are looking for all checkboxes with the same title. We don't know how many their will be and cannot place them in the same fieldset as they are generated programatically based on the clients entries into a form.

Collectives™ on Stack Overflow

JQuery using one checkbox to uncheck another programatically

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related