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

时间:2014-12-11 20:13:25

标签: javascript jquery html

我试图根据复选框按下将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

1 个答案:

答案 0 :(得分:2)

您是否尝试过使用:

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

相同的设置将用于其他无线电盒,但显然使用sex0

编辑:这是jQuery api实际上的一个很好的参考资料来源:http://api.jquery.com/val/