使用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）选项。

<强> Live Demo

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