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>

jQueryid1を使用して同じラジオボタンをいつでも選択できるようにする方法は?id2

例: id1 から女性を選択すると、id2 から女性が自動的に選択されます。

例: id2 から男性を選択すると、id1 から男性が自動的に選択されます。

jQueryを使用して必要です。

4

2 に答える 2

1

このコードを使用できますが、2 番目の 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 に答える