使用jQuery根据用户输入复选框(到另一个复选框)

Question

这是一个非常简单的jQuery使用,我无法工作.

选中一个复选框后,我希望另一个复选框被选中.

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/

我尝试过的:

我有另一个函数,它对类的一组复选框执行非常类似的操作,它完美地工作:

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

    } 
}

因此,我认为错误在于按值选择元素,而不是按类选择,因为这是函数之间的唯一区别.

为此我尝试调整该选择器;的语法与我找到的各种例子相匹配(单引号,双引号,无引号等)但没有运气.#

虽然我注意到我可能使用javascript(onChange)调用jQuery函数可能会出错.这是一个问题吗？

所有帮助非常感谢 - 谢谢

Answer 1

你的代码工作正常但你必须在第一个下拉列表中选择no-wrap(body)选项.

现场演示

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