JavaScript jQuery проверить checked input checkbox или radio

JavaScript jQuery проверить checked input checkbox или radio

Привет друзья!!! Не так давно поймал себя на мысли, что в разделе вопрос/ответ по несколько раз отвечаю одно и тоже на один и тот же вопрос. И так "как в javaScript jQuery проверить checked input" выбран флажок checkbox или нет?

Как пройти массив всех значений множества checkbox, которые отмеченные на сайте. Примеры ниже приведены для input типа checkbox но они также успешно будут работать для radio кнопок.

Проверка jquery is checked на javascript

Для начала краткая вводная:

  1. На сайте должен быть правильно подключен jQuery.
  2. В яваскрипт должны отсутствовать ошибки, иначе скрипт на ошибке прекратит работу и не дойдет до вашего кода.

Предположим у нас на сайте есть input такого плана:

<input type="checkbox" id="showMenu"/>

Проверить его можно вот так:

Пример 1

if($("#showMenu").attr("checked")){
	//флажок выбран
}else{
	//флажок не выбран
}

или вот так:

Пример 2

if($("#showMenu123").is(":checked")){
	//флажок выбран
}

Оба варианта имеют право на жизнь.

Это один из самых простых вариантов. Может случится ситуация когда у нас много чекбоксов (input type checkbox) и нам нужно найти который из них выбран.

Например у нас есть такой хтмл код:

<label><input type="checkbox" name="ch1" class="ch1class" value="песок"/> песок</label>
<label><input type="checkbox" name="ch1" class="ch1class" value="глина"/> глина</label>
<label><input type="checkbox" name="ch1" class="ch1class" value="чернозем"/> чернозем</label>

и нам нужно обойти и узнать какой чекбокс выбран. Для этого нам придется использовать более сложный код:

Пример 3

$(".ch1class:checked").each(function(){
	alert("Выбран чекбокс: "+$(this).val());
});

На этом пожалуй что все, ниже вы должны увидеть актуальный список похожих примеров на JavaScript, возможно вас там что-то заинтересует. Спасибо за внимание.

Комментарии к записи «JavaScript jQuery проверить checked input checkbox или radio»:
Сделать заказ
Онлайн помощь по WordPress
На сайте используются файлы Сookies. Отключить Сookies можно в настройках браузера!