选中单选按钮时获取文本框的值,并根据文本框的值更改单选按钮的值

时间:2018-08-16 03:58:11

标签: jquery

在选中单选按钮时,如何获取文本框的值并将其放在单选按钮的值上。这不是我的代码,但为了简短起见,我举例说明如下:

<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">

现在,我想基于文本框值存储单选按钮的值。 先感谢您!。

2 个答案:

答案 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">