Question

这是html代码：

<div id="id1">
<input type="radio" name="sex" value="Male">Male</input>
<input type="radio" name="sex" value="Female">Female</input>
<input type="radio" name="sex" value="Unknown">Unknown</input>
</div>
<div id="id2">
<input type="radio" name="sex" value="Male">Male</input>
<input type="radio" name="sex" value="Female">Female</input>
<input type="radio" name="sex" value="Unknown">Unknown</input>
</div>

如何使用jQuery随时为id1和id2选择相同的单选按钮？

示例：一旦从id1中选择女性，将自动选择来自id2的女性。

示例：一旦从id2中选择男性，将自动选择来自id1的男性。

我需要使用jQuery。

Answer 1

您可以使用此代码，但是您需要更改第二个div中输入元素的名称，否则它们将属于同一组。

$('#id1 input,#id2 input').click(function () {
    $('#id1 input').eq($(this).index()).prop('checked', true);
    $('#id2 input').eq($(this).index()).prop('checked', true);
});

<强> jsFiddle example

Answer 2

你必须更改名称，因为具有相同名称的单选按钮将被视为在组内...以下对我有效

http://jsfiddle.net/hcBUR/1/

<div id="id1">
<input type="radio" name="sex1" value="Male">Male</input>
<input type="radio" name="sex1" value="Female">Female</input>
<input type="radio" name="sex1" value="Unknown">Unknown</input>
</div>
<div id="id2">
<input type="radio" name="sex2" value="Male">Male</input>
<input type="radio" name="sex2" value="Female">Female</input>
<input type="radio" name="sex2" value="Unknown">Unknown</input>
</div>




$("div").find("*").each(function (index, elem)
                         {
                             $(elem).click( function () {


                                 $("[value='" + $(this).val() + "']").each(function (index, rd)
                                                                           {
                                                                                $(this).attr('checked', true);
                                                                           });

                             });
                         }
                         );

jQuery：选择一个合适的单选按钮

2 个答案: