Узнать нажатый radio

"Узнать нажатый radio jQuery". Будем определять нажата ли радиоточка в jquery, рассмотрим примеры с определением нажатой радиоточки.

Пошаговое определение нажатой радиоточки в jquery.

1. Определить какая из радио нажата в jquery
2. Определить какая из радио нажата в jquery - 2

Определить какая из радио нажата в jquery

Сегодня я разбирал уже данную тему в "javascript" с jquery всё тоже самое... только обозначения немного отличаются - поэтому не буду останавливаться построчно, лишь общими мазками.

Для того, чтобы определить нажатую радиоточку в jquery вам понадобится:

Подключить jquery.

Создаем html:

<label><input type="radio" name="example_1" value="красный"> красный</label> <br>

<label><input type="radio" name="example_1" value="синий"> синий</label> <br>

<label><input type="radio" name="example_1" value="желтый"> желтый</label> <br>

<button id="click_button">Определить </button>

Jquery:

onclick в jquery, определяем чекнута ли радиоточка:

Если да, то выводим значение "value".

Если нет(else), то выводим : "Нужно выбрать радиоточку" - строка не обязательна(просто решил внести некое разнообразие.)

<script>

$('#click_button').on('click', function() {

if ($('input[name=example_1]').is(':checked')) alert($('input[name=example_1]:checked').val());

else alert('Нужно выбрать радиоточку');

});

</script>

Пример Определить какая из радио нажата в jquery

Ну и расположим приведенный код прямо здесь.

Вы можете проверить работоспособность кода "определения какая из радио нажата в jquery".

красный
синий
желтый
Определить

Определить какая из радио нажата в jquery - 2

Ну и второй пример "Определить какая из радио нажата в jquery" - можно ли отследить нажатие радиоточки прямо в момент клика по радиоточке:

Подключить jquery.

Html:

Html код:

<form id="Form">

<label><input type="radio" name="example" value="красный"> красный</label> <br>

<label><input type="radio" name="example" value="синий"> синий</label> <br>

<label><input type="radio" name="example" value="желтый"> желтый</label> <br>

</form>

Jquery :

jquery код:

<script>

$('#Form input').on('change', function() {

alert($('input[name=example]:checked', '#Form').val());

});

</script>

Пример Определить какая из радио нажата в jquery

Ну и расположим приведенный код прямо здесь.

Вы можете проверить работоспособность кода "определения какая из радио нажата в jquery".

красный
синий
желтый