2015-09-22 3 views
-1

у меня есть четыре кнопки радио в задаче моя кнопка радио похожа на мою кнопку радио четыре значения выглядитрадио нажатие кнопки Кропите изменение значения такое же значение

Conv 

FHA 

VA 

USDA 

я также выпадающие четыре значения такой же, как падение вниз, если пользователь может выбрать конв во время выпадающий значение также изменить

Мои jsfiddle https://jsfiddle.net/cao26pjv/

, как я могу выбрать Опуститесь на основе радио-кнопки выбора

+0

пожалуйста, посмотрите на следующий пример http://jsfiddle.net/6svcD/ – vishwa

+0

Вопросы («почему этот код не работает?») должен включать в себя желаемое поведение, конкретную проблему или ошибку и кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. NB - ** Пожалуйста, t ab используйте блоки кода, чтобы обойти это требование **. –

+0

https://jsfiddle.net/cao26pjv/1/ вы можете просто настроить это для своего кода. – gulty

ответ

1

$("input:radio").click(function() { 
 

 
    var k = $(this).val(); 
 

 
    $('#ddlCompare1').val(k); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-2 padding-Zero"> 
 
    <label id="lblFHA" style="float:left"> 
 
    <input id="loantype" type="radio" value="jumbo" name="loantype" onClick="javascript:loanTypeChanged()" />&nbsp Conv.</label> 
 
</div> 
 

 
<div class="col-md-2 padding-Zero"> 
 
    <label id="Label4" style="float:left"> 
 

 
    <input id="radio" type="radio" value="fha" name="loantype" checked onClick="javascript:loanTypeChanged()" />&nbsp FHA</label> 
 
</div> 
 

 

 
<div class="col-md-2 padding-Zero"> 
 
    <label id="va" style="float:left"> 
 

 
    <input id="radio" type="radio" value="va" name="loantype" onClick="javascript:loanTypeChanged()" />&nbsp VA</label> 
 
</div> 
 

 

 
<div class="col-md-2 padding-Zero"> 
 
    <label id="Label5" style="float:left"> 
 

 
    <input id="radio" type="radio" value="usda" name="loantype" onClick="javascript:loanTypeChanged()" />&nbsp USDA</label> 
 

 
</div> 
 

 

 

 
<br/> 
 
<br/> 
 
<br/> 
 

 
<div class="col-md-2 padding-Zero"> 
 
    <select id="ddlCompare1" class="dropdown" onChange="javascript:CompareLoantype(true);"> 
 
    <option value="jumbo">Conv</option> 
 
    <option selected value="fha">FHA</option> 
 
    <option value="va">VA</option> 
 
    <option value="usda">USDA</option> 
 
    </select> 
 
</div>

1

Вы можете использовать событие изменения так:

$(':radio').on('change', function() { 
    $('#ddlCompare1').val(this.value); 
}) 
.filter(':checked').change(); 

DEMO

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