根据单选按钮填充输入

时间:2014-09-24 22:21:49

标签: javascript jquery html

我有这些单选按钮:

<table border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td><input id="rooom" name="room" type="radio" value="single"><strong>Single Room: 85 euros</strong></td>
      <td width="30"></td>
      <td><input id="rooom" name="room" type="radio" value="double"><strong>Double Room: 95 euros</strong></td>
   </tr>
</table>

我想要将值显示在此输入中:

(...)
<td><label>Cost of Accomodation =</label></td>
<td width="5"></td>
<td><input id="cost" class="input_reg_cost" name="cost" type="text"></td>
(...)

这是我的剧本,但它不起作用,我不知道这是不是语法错误或我的错误。

$("#rooom").change(function() {
    var sel = $(this).val();
    if (sel=='single') {
    $("#cost").val('85')
    }
    if (sel=='double') {
    $("#cost").val('95')        
    }

1 个答案:

答案 0 :(得分:3)

这是语法:

$(".rooom").change(function () {
    var sel = $(this).val();
    if (sel == 'single') {
        $("#cost").val('85');
    }
    if (sel == 'double') {
        $("#cost").val('95');
    }
});

请记住始终使用});

关闭jQuery函数

rooom也是一个类,而不是一个id,所以你要用#替换#。