javascript - 如何将单选按钮的选定值复制到另一个单选按钮 - jquery

Question

我试图根据复选框按下，将一个 div 的所有输入值复制到具有相同输入的另一个 div 中。

这是我的 HTML 表单:

<div id="0">Name*
    <input type="textbox" name="name0" required/>Sex*
    <input type="radio" name="sex0" value="M" required/>M
    <input type="radio" name="sex0" value="F" required/>F
    <br>Location
    <input type="textbox" name="location0" />Age
    <input type="textbox" name="age0" size="2">
    <br>Ethnicity
    <input type="textbox" name="ethnicity0">
</div>
<input type="checkbox" class="copy" name="copy1" value="1" />Check to copy below
<br>
<div id="1">Name*
    <input type="textbox" name="name1" required/>Sex*
    <input type="radio" name="sex1" value="M" required/>M
    <input type="radio" name="sex1" value="F" required/>F
    <br>Location
    <input type="textbox" name="location1" />Age
    <input type="textbox" name="age1" size="2">
    <br>Ethnicity
    <input type="textbox" name="ethnicity1">
</div>

这是我的 JavaScript:

$(document).ready(function () {
    $('input[type="checkbox"]').change(function() {
        var whichDiv = this.value;
        var divFrom= $("#"+(whichDiv-1)).children();
        var divTo = $("#"+whichDiv).children();
        if(this.checked) {
            //COPY previous elements
            for (var i = 0; i < divFrom.length; i++) {
                var tableChild = divFrom[i];
                var tableChildTo = divTo[i];
                tableChildTo.value = tableChild.value;
            } 
        }
        else {
            for (var p = 0; p<divTo.length; p++){
                $(divTo[p]).val('');
            }
        }
    });
});

tableChildTo.value 适用于复制文本框的值，但不适用于 M 或 F 的单选按钮。我该如何执行此操作？
使用 Jquery 1.11.1

Answer 1

您是否尝试过使用:

$("input:radio[name=sex1]:checked").val();

同样的设置也适用于另一个单选框，但显然使用 sex0。

编辑:这里有一个很好的引用源，实际上在 jQuery api 中:http://api.jquery.com/val/