Как проверить выбор нескольких флажков в JavaScript?

Как проверить выбор нескольких флажков в JavaScript?

Этот синтаксис не срабатывает правильно.

(document.getElementById('Other1').checked || document.getElementById('Other2').checked || document.getElementById('Other').checked)

Полагаю, проблема связана с функцией изменения. Как иметь логический оператор ИЛИ внутри функции изменения.

Синтаксис ниже отлично работает для выбора одного флажка.

$(document).ready(function () 
{
     $('#Other').change(CheckBoxOtherChange);

});


function CheckBoxOtherChange() 
{
    if (document.getElementById('Other').checked) {
        document.getElementById('Notes').disabled = false;
    }
    else {
        document.getElementById('Notes').disabled = true;
        document.getElementById('Notes').value = "";
    }
}

Что получится, если вставить, например, document.getElementById('Other1').checked в консоль?

Domenik Reitzner 15.09.2018 16:40

Поделитесь своим html и расскажите, что именно вы хотите сделать

brk 15.09.2018 16:41

Полагаю, проблема связана с функцией изменения. Как иметь логический оператор ИЛИ внутри функции изменения.

goofyui 15.09.2018 16:47
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
47
3

Ответы 3

использовать этот..

$('#someButton').click(function() {
    var values= [];
    $('#MyDiv input:checked').each(function() {
        values.push(this.val);
    });
    // now values contains all of the values of checked checkboxes
    // do something with it
});

Функция щелчка нужна триггер ??? Вместо того, чтобы изучать новый синтаксис, что будет лучшей заменой логической операции ИЛИ для указанного выше синтаксиса

goofyui 15.09.2018 16:36

Отметьте это

function myfunc() {
var check = document.getElementById('Other2').checked || document.getElementById('Other').checked;
document.getElementById('Notes').disabled = !check;
if (!check) 
document.getElementById('Notes').value = ""
}
myfunc();
<input type = "checkbox" id = "Other2" onchange = "myfunc()"/>
<input type = "checkbox" id = "Other" checked onchange = "myfunc()"/>
    
<input type = "text" id = "Notes" value = "foo"/>

Проблема связана с функцией изменения. Как использовать оператор ИЛИ в функции изменения

goofyui 15.09.2018 16:48

вы можете использовать приведенную ниже строку кода, которая дает вам словарь с ключом в качестве идентификатора и значением как 'true' или 'false'

$('#click').click(function () { //#click refers to id of a button
            var dict = [];
            $('input[type = "checkbox"]').each(function () {
                dict.push({
                    key: $(this).attr('id'),
                    value: $(this)[0].checked
                });
            });
        });

    });

Другие вопросы по теме