我试图根据复选框按下将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
答案 0 :(得分:2)
您是否尝试过使用:
$("input:radio[name=sex1]:checked").val();
相同的设置将用于其他无线电盒,但显然使用sex0
。
编辑:这是jQuery api实际上的一个很好的参考资料来源:http://api.jquery.com/val/