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

您的代码正在运行，但您必须在第一个下拉列表中选择无换行(正文)选项。

<强> Live Demo

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