Question

我有3个值，如金额，名称和持续时间

我有像这样的单选按钮列表

<input id="p1" type="radio" name="select" value="25"> product1 $25 3week<br /> 
<input id="p2" type="radio" name="select" value="55"> product2 $55 4week<br /> 
<input id="p3" type="radio" name="select" value="75"> product3 $75 3week<br />

在这个3输入框下方

<input id="t1" type="text" name="product" value=""> 
<input id="t2" type="text" name="price" value="">
<input id="t3" type="text" name="duration" value="">

我想如果我选择任何选项，那么下面的输入字段应填充相应的值，如此

<input id="t1" type="text" name="product" value="product1"> 
<input id="t2" type="text" name="price" value="$25">
<input id="t3" type="text" name="duration" value="3week">

Answer 1

jsfiddle link，立即在线试用。

<强> HTML：

<input id="p1" type="radio" name="select" value="25"> product1 $25 3week<br /> 
<input id="p2" type="radio" name="select" value="55"> product2 $55 4week<br /> 
<input id="p3" type="radio" name="select" value="75"> product3 $75 3week<br /> 

<input id="t1" type="text" name="product" value=""> 
<input id="t2" type="text" name="price" value="">
<input id="t3" type="text" name="duration" value="">

<强> jQuery的：

$(function(){
  $("input[type=radio]").on("change", function(e){
    var getTxt = e.currentTarget.nextSibling.data;
    values = getTxt.split(" ");
    $("input[name=product]").val(values[1]);
    $("input[name=price]").val(values[2]);
    $("input[name=duration]").val(values[3]);
  })
})

onselect单选按钮更新2个输入字段

1 个答案: