我有 2 个 html 表单,表单 A 和表单 B。我想在提交表单 B 时提交两个表单值。该脚本运行良好。但它实际上传递了所有单选按钮值(男性、女性、其他),只有一个选定的单选按钮值应该传递到下一页。复选框的情况也是如此。
<form name="A" id="formA">
mydrink: <input type="text" value="beer" name="mydrink" /><br />
<input type="radio" name="test" value="male" checked>
<label for="male">Male</label><br>
<input type="radio" name="test" value="Female">
<label for="female">Female</label><br>
<input type="radio" name="test" value="other">
<label for="other">Other</label>
</form>
<br />
<form name="B" id="formB" action="forms.html" method="post">
bar: <input type="text" name="bar" value="doogans" /><br />
<input type="hidden" name="Qnty" value="1">
<input type="submit" value="submit" />
</form>
$(function() {
$( '#formB input[type = "submit"]' ).on( 'click', function( e ) {
$.each( $( '#formA' ).prop( 'elements' ), function( idx, elem ) {
$( '#formB' ).append( $( '<input />' ).attr({
type : "hidden",
name : elem.name,
value : elem.value
}));
});
});
});
您可以检查是否element
是收音机以及是否已检查,即:elem.type == "radio" && elem.checked == true
在您的每个循环中。
演示代码:
$('#formB input[type = "submit"]').on('click', function(e) {
e.preventDefault()//remove this just for testing
$.each($('#formA').prop('elements'), function(idx, elem) {
//check if elem.type is radio and its checked..
if ((elem.type == "radio" && elem.checked == true) || (elem.type == "text")) {
$('#formB').append($('<input />').attr({
type: "text",
name: elem.name,
value: elem.value
}));
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form name="A" id="formA">
mydrink: <input type="text" value="beer" name="mydrink" /><br />
<input type="radio" name="test" value="male" checked>
<label for="male">Male</label><br>
<input type="radio" name="test" value="Female">
<label for="female">Female</label><br>
<input type="radio" name="test" value="other">
<label for="other">Other</label>
</form>
<br />
<form name="B" id="formB" action="forms.html" method="post">
bar: <input type="text" name="bar" value="doogans" /><br />
<input type="hidden" name="Qnty" value="1">
<input type="submit" value="submit" />
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句