2015-02-25 11 views
1

Я пытаюсь показать div, когда выбран переключатель, но он не работает. Я в том числе все JQuery файлы и т.д., и моя консоль не показывает никаких ошибок:Если переключатель не установлен,

Вход:

<input type="radio" value="1" id="international" name="international"/> 

Javascript:

if($('#international').prop('checked') == true){ 
    alert('test'); 
    $("#internationalprice").show(); 
} 
+0

Если вы хотите, чтобы выполнить вышеуказанную операцию? – Satpal

+0

Правильно. При запуске вышеуказанного кода –

+0

Что случилось? Вы не ответили на вопрос. –

ответ

3

Вы должны добавить слушателя change событий к элементу:

Example Here

$('#international').on('change', function() { 
    if (this.checked) { 
     $("#internationalprice").show(); 
    } 
}); 

Если вы хотите, чтобы достичь этой цели без JQuery:

Example Here

document.getElementById('international').addEventListener('change', function() { 
    if (this.checked) { 
     document.getElementById('internationalprice').style.display = 'block'; 
    } 
}); 
+0

Duly отметил для будущих начинаний jquery. Спасибо, бутон. –

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