Зависимые чекбоксы

@stoma655 · Регистрация: 15.07.2017

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

Привет всем подскажите пожалуйста как сделать зависимые чекбоксы, обвёрнутые в группы. Нужно сделать как здесь. http://tehnovil.ru/calc/NISSAN... -45000-km/ Есть у нас например главный чек бокс "Замена масла" если мы нажимаем на него то все его дополнительные чекбоксы автоматически выбираются и так же снимаются. Спасибо

@atanov · 13.06.2018, 13:51

stoma655, html выложите с чекбоксами.

@stoma655 · 13.06.2018, 15:23 **[ТС]**

Я уже вроде как разобрался )) но насткнулся на новую проблему,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
let secondCheck = $('#check-2').click(function() {
    let arrChecks2 = document.querySelectorAll('.check-2');
    if (secondCheck.checked) {
        for (var i = 0; i < arrChecks2.length; i++) {
            arrChecks2[i].checked = false;
        }
    } else {
        for (var i = 0; i < arrChecks2.length; i++) {
            arrChecks2[i].checked = true;
        }
    }
});

вот по нажатию на главный чекбокс нахожу все остальные и даю им либо cheked либо отключаю в зависимости от того включен основной или нет, так вот данный код почему - то работает только на включение всех чекбоксов а выключать по нажатию не хочет, в чём может быть проблема ?

@atanov · 13.06.2018, 17:09

stoma655, в первой строке зачем переменной событие назначается? в 3-й строке не уверен, так вроде должно быть:

JavaScript
1
if (secondCheck.checked == true)

@stoma655 · 13.06.2018, 17:29 **[ТС]**

не работает (

@Mr_Nerub · 13.06.2018, 18:09

stoma655, так попробуйте:

JavaScript
1
if (secondCheck.prop('checked') == true)

@atanov · 13.06.2018, 18:20

stoma655, вот попробуйте такой пример:

HTML5
1
2
3
4
5
6
<input type = "checkbox" id = "mainCheckbox"><br>
<input type = "checkbox">
<input type = "checkbox">
<input type = "checkbox">
<input type = "checkbox">
<script src = "83.js"></script>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
document.getElementById('mainCheckbox').onchange = function (){
    console.log(document.getElementsByTagName('input').length);
if  (document.getElementById('mainCheckbox').checked == true){
    for (var i = 1; i < document.getElementsByTagName('input').length; i++){
    document.getElementsByTagName('input')[i].checked = true;
}
}
else {
    for (var i = 1; i < document.getElementsByTagName('input').length; i++){
    document.getElementsByTagName('input')[i].checked = false;
}
}
}

@stoma655 · 14.06.2018, 05:01 **[ТС]**

Черт побери это сработало )))!! я не знаю почему но сработало ))

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 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 , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@stoma655 0 / 0 / 0 Регистрация: 15.07.2017 Сообщений: 99

	Зависимые чекбоксы 13.06.2018, 11:36. Показов 2294. Ответов 7 Метки нет (Все метки) Привет всем подскажите пожалуйста как сделать зависимые чекбоксы, обвёрнутые в группы. Нужно сделать как здесь. http://tehnovil.ru/calc/NISSAN... -45000-km/ Есть у нас например главный чек бокс "Замена масла" если мы нажимаем на него то все его дополнительные чекбоксы автоматически выбираются и так же снимаются. Спасибо 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	13.06.2018, 13:51
	stoma655, html выложите с чекбоксами. 1

@stoma655 0 / 0 / 0 Регистрация: 15.07.2017 Сообщений: 99
	13.06.2018, 17:29 [ТС]
	не работает ( 0

@stoma655 0 / 0 / 0 Регистрация: 15.07.2017 Сообщений: 99
	14.06.2018, 05:01 [ТС]
	Черт побери это сработало )))!! я не знаю почему но сработало )) 0

Зависимые чекбоксы

Решение