0

这是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>

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

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

示例：一旦您从 id2 中选择了男性，则会自动从 id1 中选择男性。

我需要它使用 jQuery。

4

2 回答 2

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 示例

于 2013-02-01T21:07:47.997 回答
1

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

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);
                                                                           });

                             });
                         }
                         );
于 2013-02-01T22:06:21.950 回答