在选中单选按钮时,如何获取文本框的值并将其放在单选按钮的值上。这不是我的代码,但为了简短起见,我举例说明如下:
<input type="radio" name="correct" value="">
<input type="text" class="form-control" name="name[]" value="Mark">
<input type="radio" name="correct" value="">
<input type="text" class="form-control" name="name[]" value="Bill">
<input type="radio" name="correct" value="">
<input type="text" class="form-control" name="name[]" value="Mia">
现在,我想基于文本框值存储单选按钮的值。 先感谢您!。
答案 0 :(得分:2)
首先我不明白您的问题,但是我希望这是您要寻找的
等待您的答复
function getTextValue(val){
//In onclick function I get the value of text box and assign it to the respective radio button
var rad = $("#txt"+val).val();
var txt = $("#rd"+val).val(rad);
alert(rad);
alert(txt);
}
<input type="radio" name="correct" onclick="getTextValue('1')" id="rd1" value="">
<input type="text" class="form-control" id="txt1" name="name[]" value="Mark">
<input type="radio" name="correct" onclick="getTextValue('2')" id="rd2" value="">
<input type="text" class="form-control" id="txt2" name="name[]" value="Bill">
<input type="radio" name="correct" onclick="getTextValue('3')" id="rd3" value="">
<input type="text" class="form-control" id="txt3" name="name[]" value="Mia">
答案 1 :(得分:1)
根据问题,这可能是一个可能的解决方案,但同样,这只是一个简单的工作示例。尝试针对您的问题实施此方法。
解决方案:
我们可以使用onChange
方法,从发生点击的输入元素中,获取前一个元素(单选按钮),然后使用val()
方法将值设置为输入值!
function initialize() {
$('input[type="text"]').each(function() {
$(this).prev().val($(this).val());
});
}
initialize();
$('input[type="text"]').on("change", function() {
$(this).prev().val($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="correct" value="">
<input type="text" class="form-control" name="name[]" value="Mark">
<input type="radio" name="correct" value="">
<input type="text" class="form-control" name="name[]" value="Bill">
<input type="radio" name="correct" value="">
<input type="text" class="form-control" name="name[]" value="Mia">