Using jQuery to check boxes based on user input (to another check box)

Question

This is a very simple use of jQuery that I can't get working.

When one check box is checked, I'd like the other to become checked.

HTML:

<input onchange="toggleRegion()" id="ESARO" type="checkbox" class="region"
value="ESARO" name="ESARO">ESARO

<br /><br />

<input type="checkbox" class="country" value="Afghanistan" name="country2"
/>Afghanistan

jQuery:

function toggleRegion() {
    if ($('#ESARO').is(':checked')) {
        $('input[value="Afghanistan"]').attr('checked', true);
    }
}

jsfiddle:

http://jsfiddle.net/jsJU8/

What I've tried:

I have another function which does a very similar thing for a group of check boxes by class which works perfectly:

function toggleStatus() {
if ($('#TLO1').is(':checked')) {
        $('.country').attr('checked', true);

    } 
}

So I presume that the error lies in the selection of the element by value, rather than by class, as this is the only difference between the functions.

To this end I've tried adjusting that selector;'s syntax to match various examples I've found (single quote, double quote, no quote etc) but haven't had any luck.#

Although I note that it may be a possible error that I'm using javascript (onChange) to call a jQuery function. Is that an issue?

All help greatly appreciated - thank you

Adil · Accepted Answer · 2013-01-28 11:09:53Z

5

You code is working but you have to choose no-wrap (body) option in first drop down.

Live Demo

function toggleRegion() {
    if ($('#ESARO').is(':checked')) {
        $('input[value="Afghanistan"]').attr('checked', true);
    }
}

enter image description here

edited Jan 28, 2013 at 11:09

answered Jan 28, 2013 at 11:04

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Collectives™ on Stack Overflow

Using jQuery to check boxes based on user input (to another check box)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related