javascript - 使用 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);
    }
}