Отсечь чекбокс

@new-dev · Регистрация: 06.05.2014

Студворк — интернет-сервис помощи студентам

Добрый день, как отследить отметку чекбокса не после клика, а просто если был отмечен чекбокс ?

HTML5
1
2
3
4
5
<input id="b_11" name="name" type="checkbox">
 
<input id="b_12" name="name" type="checkbox">
 
<input id="b_13" name="name" type="checkbox">

@Lazy_Den · 19.03.2015, 13:44

Сообщение от new-dev

не после клика, а просто если был отмечен

Кем или чем отмечен? Силами сверху? Если нужно проверить состояние checkbox-ов после загрузки страницы, то можно так:

JavaScript
1
2
3
4
5
6
7
$(function () {
    $(':checkbox').each(function (i, chbx) {
        console.log($(chbx).prop('checked') ? 'Отмечен' : 'Не отмечен');
        // или 
        // console.log($(chbx).is(':checked') ? 'Отмечен' : 'Не отмечен');
    });
});

@new-dev · 19.03.2015, 14:00 **[ТС]**

Lazy_Den, когда страница уже загружена. Есть на ней чекбоксы, отметил я чекбокс и после этого хочу сделать определённые действия

@Lazy_Den · 19.03.2015, 14:04

new-dev, собственно, я вам всё уже показал. Вместо тернарного оператора, можете использовать обычный "if ... else ...".

@new-dev · 19.03.2015, 22:16 **[ТС]**

Lazy_Den, спасибо)

Добавлено через 8 часов 3 минуты
Lazy_Den, чёт проверил сейчас не работает, может это потому что инпут у меня находится в :

HTML5
1
2
3
4
<table>
<tr>
<td>
<input> // тут

@alpex · 20.03.2015, 07:53

JavaScript
1
$('[type*=checkbox]').change(function(){})

@new-dev · 20.03.2015, 10:56 **[ТС]**

alpex, по разному пробовал получить какое-то значение не реагирует

JavaScript
1
2
3
4
5
6
 $('[type*=checkbox]').change(function(){
        console.log(this.val());
        $(':checkbox').each(function (i, chbx) {
            console.log(chbx);
        });
    });

HTML5
1
2
3
4
5
<table>
<tbody class="books_list">
        
        <tr id="b_71">
            <td width="1%"><input type="checkbox" class="book_select" value="taken" id="b_71" name="book"></td>

@alpex · 20.03.2015, 13:00

это событие срабатывает если отметить на тсранице чекбокс

JavaScript
1
2
3
4
5
$(function(){
    $('[type*=checkbox]').change(function(){
        console.log($(this).val());
    });
})

это событие срабатывает при загрузке и показыывает отмеченные чекбоксы

JavaScript
1
2
3
4
5
6
$(function(){
    $(':checkbox').each(function (i, chbx) {
        if ($(chbx).is(':checked'))
            console.log($(chbx).val());
    });
})

@new-dev · 20.03.2015, 17:17 **[ТС]**

alpex,

JavaScript
1
2
3
4
5
$(function(){
    $('[type*=checkbox]').change(function(){
        console.log($(this).val());
    });
})

эта должна отслеживать если отметил чекбокс сработало да?
Просто у меня не срабатывает, в чём может быть проблема?

@Давран · 20.03.2015, 19:59

new-dev, Может он работает, просто вы в консоле не смотрите?

@new-dev · 20.03.2015, 22:49 **[ТС]**

Давран, в консоле смотрю)) алерт ещё повесил тоже ничего =)

http://jsfiddle.net/6cw7ed2L/1/

@Давран · 21.03.2015, 01:59

new-dev, https://jsfiddle.net/cput6a5k/

@new-dev · 25.03.2015, 09:23 **[ТС]**

Почему такое выражение срабатывает только при загрузке страницы? Не отмечен, когда отмечаю ноль реакций?

JavaScript
1
2
3
4
5
6
$(function () {
 $(':checkbox').each(function (i, chbx) {
        alert($(chbx).prop('checked') ? 'Отмечен' : 'Не отмечен');
 
    });
});

http://jsfiddle.net/6cw7ed2L/1/

@Давран · 25.03.2015, 10:02

new-dev, а когда он по вашему еще должен заработать? если вы хотите что бы он выводил alert при нажатии на checkbox, то повешайте событие на них

Добавлено через 1 минуту
например так

JavaScript
1
2
3
$(':checkbox').click(function () {
        alert($(this).prop('checked') ? 'Отмечен' : 'Не отмечен');
 });

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@new-dev 6 / 6 / 1 Регистрация: 06.05.2014 Сообщений: 265
	19.03.2015, 14:00 [ТС]
	Lazy_Den, когда страница уже загружена. Есть на ней чекбоксы, отметил я чекбокс и после этого хочу сделать определённые действия 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	19.03.2015, 14:04
	new-dev, собственно, я вам всё уже показал. Вместо тернарного оператора, можете использовать обычный "if ... else ...". 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	20.03.2015, 19:59
	new-dev, Может он работает, просто вы в консоле не смотрите? 0

@new-dev 6 / 6 / 1 Регистрация: 06.05.2014 Сообщений: 265
	20.03.2015, 22:49 [ТС]
	Давран, в консоле смотрю)) алерт ещё повесил тоже ничего =) http://jsfiddle.net/6cw7ed2L/1/ 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	21.03.2015, 01:59
	new-dev, https://jsfiddle.net/cput6a5k/ 1