Обработка нескольких идентификаторов в одном выражении jQuery

0

Я пробовал искать сайт, но я действительно пытаюсь найти то, что хочу... В основном у меня есть код jQuery, который проверяет состояние трех идентификаторов, они связаны с тремя флажками;

$('#submitButton').click(function(){
    if($("#cb1,#cb2,#cb3").is(':checked'))
        return true;
    else
        return false;
});

Как бы я реструктурировал этот оператор jQuery, чтобы сделать так, чтобы все три флажка были ПРОВЕРЕНЫ? На данный момент можно проверить либо действие, которое необходимо выполнить

Я держу пари, что есть очень простое решение для всего этого, но я так долго его ждал, я просто не вижу его. Может ли кто-нибудь со свежей парой глаз и менее усложненным мозгом, пожалуйста, направить меня в правильном направлении?

  • 0
    Феликс исправил это. Спасибо, приятель, здесь FIDDLE рабочего кода для всех, кому это может понадобиться;) JSFiddle
  • 0
    Пожалуйста, проверьте это: jsfiddle.net/mahavir4dev/Z93Y5 Это будет работать для любого количества флажков .
Показать ещё 1 комментарий
Теги:

6 ответов

1
Лучший ответ

Вам необходимо использовать:

$('#submitButton').click(function(){
    if ($('#cb1').is(':checked') && $('#cb1').is(':checked') && $('#cb3').is(':checked')) {
        return true;
    } else {
        return false;
    }
});
Поделиться
  • 0
    Ace !! Вы, сэр, легенда. Прости мою глупость, но что значит &&?
  • 1
    @Daren && в javascript означает Logical AND Вы можете прочитать больше о логических операторах здесь . Рад, что помогло :)
0

Вы можете просто добавить класс в свои флажки и использовать его так:

$('#submitButton').click(function(){
    if($(".myCheckbox:checked").length == 3) {
        console.log('true');
    }
    else {
        console.log('false');
    }
});

Вот пример JSFiddle:

http://jsfiddle.net/cLH8s/1/

Поделиться
0

Вы можете попробовать:

$('#submitButton').click(function(){
    if($('#cb1')[0].checked && $('#cb2')[0].checked && $('#cb3')[0].checked)return true;
    return false;
});
Поделиться
0

Вы можете использовать:

 if ($('#cb1:checked,#cb2:checked,#cb3:checked').length == 3) {
   //all three are checked.do something
 }

или

 if ($('#cb1:checked,#cb2:checked,#cb3:checked').length == $('#cb1,#cb2,#cb3').length) {
   //all three are checked.do something
 }
Поделиться
0

использование

if($("#cb1").is(':checked') && $("#cb2").is(':checked') && $("#cb3").is(':checked'))

$("#cb1,#cb2,#cb3").is(':checked') вернет результат только для 1-го элемента

Поделиться
0

Пытаться:

$('#submitButton').click(function(){
    if($("#cb1:checked,#cb2:checked,#cb3:checked").length === 3)
        return true;
    else
        return false;
});
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню