Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
6 / 6 / 1
Регистрация: 06.05.2014
Сообщений: 265

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

19.03.2015, 13:28. Показов 742. Ответов 13
Метки нет (Все метки)

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


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">
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
19.03.2015, 13:28
Ответы с готовыми решениями:

Нажать на чекбокс
&lt;input id=&quot;market_buynow_dialog_accept_ssa&quot; type=&quot;checkbox&quot; value=&quot;1&quot; name=&quot;accept_ssa&quot;&gt; Ребят как поставить галочку в данном...

Цикл и чекбокс
Как правильно for(var i=0;i&lt;5;i++) var chekBOXval=$('#CheckBox+i').val();

как убрать чекбокс
Имеется чекбокс: &lt;input id=&quot;compare_{$product-&gt;id}&quot; name=&quot;compare&quot; value=&quot;{$product-&gt;id}&quot; type=&quot;checkbox&quot; /&gt; Есть ли какие нибудь...

13
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
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') ? 'Отмечен' : 'Не отмечен');
    });
});
1
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
6 / 6 / 1
Регистрация: 06.05.2014
Сообщений: 265
19.03.2015, 22:16  [ТС]
Lazy_Den, спасибо)

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

HTML5
1
2
3
4
<table>
<tr>
<td>
<input> // тут
0
 Аватар для alpex
603 / 578 / 103
Регистрация: 16.07.2012
Сообщений: 1,762
20.03.2015, 07:53
JavaScript
1
$('[type*=checkbox]').change(function(){})
0
6 / 6 / 1
Регистрация: 06.05.2014
Сообщений: 265
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>
0
 Аватар для alpex
603 / 578 / 103
Регистрация: 16.07.2012
Сообщений: 1,762
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());
    });
})
0
6 / 6 / 1
Регистрация: 06.05.2014
Сообщений: 265
20.03.2015, 17:17  [ТС]
alpex,
JavaScript
1
2
3
4
5
$(function(){
    $('[type*=checkbox]').change(function(){
        console.log($(this).val());
    });
})
эта должна отслеживать если отметил чекбокс сработало да?
Просто у меня не срабатывает, в чём может быть проблема?
0
 Аватар для Давран
203 / 152 / 44
Регистрация: 24.11.2013
Сообщений: 1,106
20.03.2015, 19:59
new-dev, Может он работает, просто вы в консоле не смотрите?
0
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
6 / 6 / 1
Регистрация: 06.05.2014
Сообщений: 265
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/
0
 Аватар для Давран
203 / 152 / 44
Регистрация: 24.11.2013
Сообщений: 1,106
25.03.2015, 10:02
new-dev, а когда он по вашему еще должен заработать? если вы хотите что бы он выводил alert при нажатии на checkbox, то повешайте событие на них

Добавлено через 1 минуту
например так
JavaScript
1
2
3
$(':checkbox').click(function () {
        alert($(this).prop('checked') ? 'Отмечен' : 'Не отмечен');
 });
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
25.03.2015, 10:02
Помогаю со студенческими работами здесь

Проверка состояние чекбокс
имеется список чекбоксов &lt;input type=&quot;checkbox&quot; id=&quot;1&quot;&gt; &lt;input type=&quot;checkbox&quot; id=&quot;2&quot;&gt; &lt;input type=&quot;checkbox&quot; id=&quot;5&quot;&gt;...

Событие при клике на чекбокс
Есть столбец и в столбце много строк, при ховере(наведение) на строку у меня отображается чекбокс. Вопрос: Как сделать, чтобы при...

Запуск php по нажатию на чекбокс
Приветствую. Есть 4 чекбокса и один текстарея: &lt;ul&gt; &lt;li&gt;&lt;input type=&quot;checkbox&quot; name=&quot;opt1&quot;&gt;1&lt;/li&gt; &lt;li&gt;&lt;input...

как узнать отмечен ли чекбокс валидация
Привет всем. У меня есть чекбокс с id=&quot;no_data&quot; и есть функция валидации и мне надо сделать условие в зависимости от того отмечен ли...

Появление чекбоксов при клике на чекбокс
вот есть 5 обычных чекбоксов &lt;div&gt;&lt;input class=&quot;check&quot; type=&quot;checkbox&quot; /&gt;&lt;/div&gt; &lt;div&gt;&lt;input class=&quot;check&quot; type=&quot;checkbox&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
14
Ответ Создать тему
Новые блоги и статьи
Загрузка 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 , при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru