2014-09-24 4 views
0

У меня есть эти кнопки радио:Наполните ввод в зависимости от радио-кнопки

<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')   
    } 

ответ

2

Это синтаксис:

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

Помните всегда близкие функции JQuery с});

rooom также является классом, а не идентификатором, поэтому вы захотите заменить это # ​​на a.

+1

Точка с запятой на JS не является обязательной. – LcSalazar

+1

Упс, удалено. Спасибо за хедз-ап! – Firedrake969

Смежные вопросы