40 Вопрос: Установка «проверено» для флажка с JQuery?

вопрос создан в Fri, Mar 11, 2016 12:00 AM

Я хотел бы сделать что-то вроде этого, чтобы отметить checkbox, используя jQuery :

$(".myCheckBox").checked(true);

или

$(".myCheckBox").selected(true);

Существует ли такая вещь?

    
3883
  1. Более конкретный (и очень полезный!) вопрос: «Как проверить элемент в наборе флажков BY VALUE?», я думаю, что мы также можем обсудить здесь и я разместил ответ ниже.
    2012-03-09 12: 36: 34Z
  2. Проверьте другие способы сделать это с помощью jQuery здесь stackoverflow.com/a/22019103/1868660
    2014-02-25 15: 46: 08Z
  3. Если вам необходимо инициировать событие onchange, это $("#mycheckbox").click();
    2015-05-11 14: 06: 24Z
  4. «Проверка чего-либо» предлагает проверить его, поэтому я думаю, что «Создание флажка отмечен» - более понятный и лучший заголовок.
    2015-05-12 17: 26: 09Z
  5. prop (); функция является идеальным ответом. См. Определение функции - api.jquery.com/prop
    2016-05-23 15: 01: 01Z
30 ответов                              30                         

jQuery 1.6 +

Используйте новый .prop() метод:

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

jQuery 1.5.x и ниже

Метод .prop() недоступен, поэтому вам необходимо использовать .attr() .

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

Обратите внимание, что это подход, используемый Модульные тесты jQuery до версии 1.6 и предпочтительнее использования

$('.myCheckbox').removeAttr('checked');

поскольку последний будет, если флажок был изначально установлен, изменить поведение вызова на .reset() в любой содержащей его форме - незначительное, но, вероятно, нежелательное изменение поведения.

Для получения дополнительной информации о неполном обсуждении изменений в обработке атрибута /свойства checked при переходе с 1.5.x на 1.6 можно найти на заметки о выпуске версии 1.6 и раздел Атрибуты против свойств раздела .prop() документация .

Любая версия jQuery

Если вы работаете только с одним элементом, вы всегда можете просто изменить Свойство HTMLInputElement .checked

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

Преимущество использования методов .prop() и .attr() вместо этого заключается в том, что они будут работать со всеми соответствующими элементами.

    
5729
2018-04-29 17: 27: 36Z
  1. @ Снятие атрибута галочки в Сиане делает невозможным сброс формы
    2011-03-23 ​​15: 27: 32Z
  2. В качестве примечания, jQuery 1.6.1 должен исправить проблему, о которой я говорил, так что мы все технически можем все же вернуться к использованию $(...). prop (...)
    2011-05-13 20: 08: 53Z
  3. "Если вы работаете только с одним элементом, он всегда будет быстрее всего использовать DOMElement.checked = true". Но это было бы незначительным, потому что это только один элемент ...
    2012-03-30 09: 32: 56Z
  4. Как говорит Тайлер, это незначительное улучшение производительности. Для меня кодирование с использованием общего API делает его более читабельным, чем смешивание нативного API и API jQuery. Я бы придерживался jQuery.
    2012-05-04 16: 28: 15Z
  5. @ TylerCrompton - Конечно, речь идет не только о производительности, но выполнение $(element).prop('checked') - это пустая трата текста. element.checked существует и должен использоваться в тех случаях, когда у вас уже есть element
    2012-10-01 23: 35: 23Z

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

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

И если вы хотите проверить, установлен ли флажок или нет:

$('.myCheckbox').is(':checked');
    
669
2015-03-18 18: 34: 03Z
  1. также $(селектор). проверено, проверено проверено
    2011-05-02 23: 56: 23Z
  2. Я попробовал этот точный код, и он не сработал для меня в случае флажка выбрать все /выбрать нет, который должен проверять и снимать все, а также проверять их состояние. Вместо этого я попробовал ответ @Christopher Harris, и это помогло.
    2013-03-28 01: 26: 21Z
  3. Почему вместо «#mycheckbox» используется «form #mycheckbox»? Идентификатор уже уникален во всем документе, его проще и быстрее выбрать.
    2013-10-11 15: 27: 03Z
  4. @ YuriAlbuquerque это был пример. Вы можете использовать любой селектор, который вы хотите.
    2013-10-13 00: 14: 28Z
  5. $(селектор) .checked не работает. В jQuery нет метода «проверено».
    2015-10-07 16: 42: 39Z

Это правильный способ проверки и снятия флажков с помощью jQuery, поскольку он является кросс-платформенным стандартом, и будет разрешать перепосты формы.

$('.myCheckBox').each(function(){ this.checked = true; });

$('.myCheckBox').each(function(){ this.checked = false; });

Таким образом, вы используете стандарты JavaScript для проверки и снятия флажков, поэтому любой браузер, который правильно реализует свойство «флажок» элемента флажка, будет запускать этот код без нареканий. Это должно быть для всех основных браузеров, но я не могу протестировать его до Internet Explorer 9.

Проблема (jQuery 1.6):

Когда пользователь нажимает на флажок, этот флажок перестает отвечать на изменения атрибута «флажок».

Вот пример того, что атрибут checkbox не может выполнить работу после того, как кто-то щелкнул флажок (это происходит в Chrome).

Fiddle

Решение.

Используя свойство JavaScript «флажок» в элементах DOM , мы можем решить проблему напрямую, а не пытаясь заставить DOM делать то, что мы хотим сделать.

Скрипка

Этот плагин будет изменять свойство selected любых элементов, выбранных jQuery, и успешно устанавливать и снимать флажки при любых обстоятельствах. Таким образом, хотя это может показаться чрезмерным решением, оно улучшит пользовательский интерфейс вашего сайта и поможет предотвратить разочарование пользователей.

(function( $ ) {
    $.fn.checked = function(value) {
        if(value === true || value === false) {
            // Set the value of the checkbox
            $(this).each(function(){ this.checked = value; });
        } 
        else if(value === undefined || value === 'toggle') {
            // Toggle the checkbox
            $(this).each(function(){ this.checked = !this.checked; });
        }

        return this;
    };
})( jQuery );

Кроме того, если вы не хотите использовать плагин, вы можете использоватьСледующие фрагменты кода:

// Check
$(':checkbox').prop('checked', true);

// Un-check
$(':checkbox').prop('checked', false);

// Toggle
$(':checkbox').prop('checked', function (i, value) {
    return !value;
});
    
300
2015-07-31 13: 43: 36Z
  1. В первом примере JSFiddle вы должны использовать removeAttr('checked'), а не attr('checked', false)
    2012-01-30 07: 00: 08Z
  2. @ DanielXMoore, вы обходите проблему. Примером было показать, что после того, как пользователь установил флажок, браузер больше не реагирует на изменения атрибута checked, независимо от метода, используемого для их изменения.
    2012-01-30 13: 28: 29Z
  3. @ ChristopherHarris Хорошо, вы правы, я пропустил это. Начиная с jQuery 1.6, не следует ли вам использовать метод .prop? $('.myCheckBox').prop('checked', true) Таким образом, он будет автоматически применяться ко всему набору сопоставленных элементов (только при настройке, получение все еще только первый)
    2012-02-02 01: 45: 40Z
  4. Да. prop, безусловно, является подходящим способом установки атрибутов для элемента.
    2012-02-02 02: 40: 32Z
  5. @ ChristopherHarris, я добавил в плагин то, что мне было нужно, чтобы обеспечить некоторую гибкость параметров. Это облегчает встроенную обработку без преобразования типов. Esp из разрозненных баз данных с «идеями» о том, что такое «правда». Скрипка: jsfiddle.net/Cyberjetx/vcp96
    2014-03-04 03: 59: 27Z

Вы можете сделать

$('.myCheckbox').attr('checked',true) //Standards compliant

или р>

$("form #mycheckbox").attr('checked', true)

Если в событии onclick есть пользовательский код для флажка, который вы хотите снять, используйте его вместо этого:

$("#mycheckbox").click();

Вы можете снять галочку, полностью удалив атрибут:

$('.myCheckbox').removeAttr('checked')

Вы можете установить все флажки следующим образом:

$(".myCheckbox").each(function(){
    $("#mycheckbox").click()
});
    
140
2011-12-29 18: 18: 24Z
  1. вы также можете использовать $("# myTable input: checkbox"). each (...);
    2009-01-08 22: 37: 51Z
  2. Вы также можете перейти $(".myCheckbox").click()
    2010-09-20 11: 49: 06Z
  3. @ Мика, удалив проверенный атрибут, делает невозможным сброс формы
    2011-03-23 ​​15: 32: 40Z
  4. Этот ответ устарел, так как вместо .attr используется .prop.
    2014-01-21 14: 15: 55Z
  5. $("#mycheckbox").click(); работал для меня, так как я тоже слушал событие change и .attr & .prop не сработало событие изменения.
    2017-05-01 06: 30: 54Z

Вы также можете расширить объект $.fn новыми методами:

(function($)  {
   $.fn.extend({
      check : function()  {
         return this.filter(":radio, :checkbox").attr("checked", true);
      },
      uncheck : function()  {
         return this.filter(":radio, :checkbox").removeAttr("checked");
      }
   });
}(jQuery));

Тогда вы можете просто сделать:

$(":checkbox").check();
$(":checkbox").uncheck();

Или, возможно, вы захотите дать им более уникальные имена, такие как mycheck () и myuncheck (), если вы используете какую-то другую библиотеку, которая использует эти имена.

    
75
2010-08-20 18: 19: 03Z
  1. @ livfree75 удаление проверенного атрибута делает невозможным сброс формы
    2011-03-23 ​​15: 32: 58Z
  2. Этот ответ устарел, так как вместо .attr используется .prop.
    2014-01-21 14: 16: 16Z
$("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();

Последний вызовет событие click для флажка, остальные - нет. Поэтому, если у вас есть специальный код в событии onclick для флажка, который вы хотите включить, используйте последний.

    
63
2009-02-03 17: 06: 43Z
  1. верхний завершится ошибкой ... флажок не является членом объекта jquery
    2009-01-09 00: 20: 07Z
  2. Этот ответ устарел, так как вместо .attr используется .prop.
    2014-01-21 14: 16: 39Z

Чтобы установить флажок, вы должны использовать

 $('.myCheckbox').attr('checked',true);

или р>

 $('.myCheckbox').attr('checked','checked');

и чтобы снять флажок, вы всегда должны устанавливать его в false:

 $('.myCheckbox').attr('checked',false);

Если вы делаете

  $('.myCheckbox').removeAttr('checked')

он удаляет атрибут все вместе, и поэтому вы не сможете сбросить форму.

BAD DEMO jQuery 1.6 . Я думаю, что это сломано. Для 1.6 я собираюсь сделать новый пост об этом.

NEW WORKING DEMO jQuery 1.5.2 работает в Chrome.

Обе демонстрации используют

$('#tc').click(function() {
    if ( $('#myCheckbox').attr('checked')) {
        $('#myCheckbox').attr('checked', false);
    } else {
        $('#myCheckbox').attr('checked', 'checked');
    }
});
    
61
2011-12-29 18: 21: 55Z
  1. Это неточно. установка атрибута 'checked' в '' не снимает флажки, по крайней мере, в Chrome.
    2011-05-06 05: 58: 05Z
  2. @ xixonia Я проверил, прежде чем опубликовать вашу скрипку, не работает, потому что вы не изменили меню слева, чтобы включить jquery
    2011-05-06 18: 44: 35Z
  3. mcgralim - в 1.6 это еще проще .... $(".mycheckbox").prop("checked", true/false)
    2011-05-06 20: 11: 30Z
  4. @ MarkAmery Вы упомянули, что мое сообщение ничего не добавляло во время публикации, но это точно. Если вы посмотрите историю принятых ответов, то обнаружите, что они предлагают удалить элемент. Что делает невозможным сброс формы, поэтому я и разместил ее с самого начала.
    2014-12-15 14: 50: 10Z
  5. @ mcgrailm Я пошел дальше и изменил принятый ответ в свете ваших замечаний. Если вы хотите взглянуть на него и убедиться, что он выглядит хорошо в его текущем состоянии, я был бы признателен за это. Еще раз извиняюсь за резкую критику, которая была, по крайней мере частично, крайне ошибочной.
    2014-12-15 16: 54: 38Z

Это выбирает элементы, которые имеют указанный атрибут со значением, содержащим данную подстроку "ckbItem":

$('input[name *= ckbItem]').prop('checked', true);

Он выберет все элементы, которые содержат ckbItem в своем атрибуте name.

    
46
2018-07-18 13: 44: 09Z

Предполагая, что вопрос ...

Как проверить, установлен ли флажок BY VALUE?

Помните, что в типичном наборе флажков все теги ввода имеют одинаковое имя, они отличаются атрибутом value : для каждого входа набора нет идентификатора.

Ответ Сианя можно расширить с помощью более конкретного селектора , используя следующую строку кода:

$("input.myclass[name='myname'][value='the_value']").prop("checked", true);
    
45
2014-06-09 15: 07: 56Z

Мне не хватает решения. Я всегда буду использовать:

if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}
    
44
2014-12-13 16: 43: 53Z
  1. Это не отвечает на вопрос (вопрос заключается в том, setting , установлен ли флажок, а не в том, установлен ли флажок). Это также довольно уродливый способ определить, установлен ли флажок (во-первых, вы используете неочевидный факт, что .val() всегда будет возвращать undefined при вызове для 0 элементов, чтобы обнаружить, что объект jQuery пуст, когда вместо этого вы можете просто проверить его .length) - см. stackoverflow.com/questions/901712/… для более удобочитаемых подходов.
    2014-12-14 23: 47: 58Z

Чтобы установить флажок с помощью jQuery 1.6 или выше, просто сделайте это:

checkbox.prop('checked', true);

Чтобы снять отметку, используйте:

checkbox.prop('checked', false);

Вот что мне нравится использовать для переключения флажка с помощью jQuery:

checkbox.prop('checked', !checkbox.prop('checked'));

Если вы используете jQuery 1.5 или ниже:

checkbox.attr('checked', true);

Чтобы снять отметку, используйте:

checkbox.attr('checked', false);
    
41
2017-05-09 13: 23: 02Z

Вот способ сделать это без jQuery

р>

function addOrAttachListener(el, type, listener, useCapture) {
  if (el.addEventListener) {
    el.addEventListener(type, listener, useCapture);
  } else if (el.attachEvent) {
    el.attachEvent("on" + type, listener);
  }
};

addOrAttachListener(window, "load", function() {
  var cbElem = document.getElementById("cb");
  var rcbElem = document.getElementById("rcb");
  addOrAttachListener(cbElem, "click", function() {
    rcbElem.checked = cbElem.checked;
  }, false);
}, false);
<label>Click Me!
  <input id="cb" type="checkbox" />
</label>
<label>Reflection:
  <input id="rcb" type="checkbox" />
</label>
    
36
2016-05-10 09: 58: 32Z

Попробуйте это:

$('#checkboxid').get(0).checked = true;  //For checking

$('#checkboxid').get(0).checked = false; //For unchecking
    
30
2013-02-16 10: 33: 47Z

Вот код для проверки и снятия отметки с помощью кнопки:

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; }
        });
        set=unset;
    });
});

Обновление: здесь тот же блок кода, использующий более новый метод Jquery 1.6+ prop, который заменяет attr:

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; }
        });
        set=unset;
    });
});
    
29
2017-04-11 15: 55: 04Z
  1. Этот ответ устарел, так как вместо .attr используется .prop.
    2014-01-21 14: 18: 56Z

Мы можем использовать elementObject с jQuery для проверки атрибута:

$(objectElement).attr('checked');

Мы можем использовать это для всех версий jQuery без каких-либо ошибок.

Обновление: Jquery 1.6+ имеет новый метод prop, который заменяет attr, например:

$(objectElement).prop('checked');
    
27
2017-04-11 15: 53: 21Z
  1. Этот ответ устарел, так как вместо .attr используется .prop.
    2014-01-21 14: 18: 19Z

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

$('span.ui-[controlname]',$('[id]')).text("the value");

Я обнаружил, что без диапазона интерфейс не будет обновляться независимо от того, что вы делаете.

    
25
2013-02-16 10: 32: 37Z

Вот код и демонстрация того, как установить несколько флажков ...

http://jsfiddle.net/tamilmani/z8TTt/

$("#check").on("click", function () {

    var chk = document.getElementById('check').checked;
    var arr = document.getElementsByTagName("input");

    if (chk) {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = true;
        }
    } else {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = false;
        }
    }
});
    
24
2016-02-10 13: 18: 22Z
  1. - 1; смешивание селекторов jQuery, таких как $("#check"), с необработанными вызовами API DOM, такими как document.getElementsByTagName("input"), кажется мне неуместным, особенно если учесть, что здесь можно избежать циклов for62, используя .prop(). Несмотря на это, это еще один последний ответ, который ничего не добавляет.
    2014-12-15 18: 33: 08Z

    Другое возможное решение:

        var c = $("#checkboxid");
        if (c.is(":checked")) {
             $('#checkboxid').prop('checked', false);
        } else {
             $('#checkboxid').prop('checked', true);
        }
    
        
    20
    2014-07-21 09: 34: 50Z

    Если вы используете мобильный телефон и хотите, чтобы интерфейс обновлялся и показывался флажок как непроверенный, используйте следующее:

    $("#checkbox1").prop('checked', false).checkboxradio("refresh");
    
        
    18
    2013-01-11 13: 05: 35Z

    Знайте об утечках памяти в Internet Explorer до Internet Explorer 9 , как Состояния документации jQuery :

      

    В Internet Explorer до версии 9 используйте .prop () для установки DOM   свойство элемента к чему-либо, кроме простого примитивного значения   (число, строка или логическое значение) может вызвать утечку памяти, если свойство   не удаляется (используя .removeProp ()) до удаления элемента DOM   из документа. Для безопасной установки значений на объектах DOM без памяти   утечки, используйте .data ().

        
    18
    2014-11-22 15: 33: 52Z
    1. Это не имеет значения, поскольку все (правильные) ответы используют .prop('checked',true).
      2014-01-21 14: 19: 37Z
    2. Не уверен, что я понял ваш комментарий. Это все еще существует в документации jQuery. Вы намекаете, что памяти нет?eak в IE < 9?
      2014-01-21 20: 53: 17Z
    3. В этом случае утечки памяти нет, поскольку мы устанавливаем для нее простое примитивное значение (логическое значение).
      2014-01-21 20: 56: 35Z

    Для jQuery 1.6 +

    $('.myCheckbox').prop('checked', true);
    $('.myCheckbox').prop('checked', false);
    

    Для jQuery 1.5.x и ниже

    $('.myCheckbox').attr('checked', true);
    $('.myCheckbox').attr('checked', false);
    

    Чтобы проверить,

    $('.myCheckbox').removeAttr('checked');
    
        
    18
    2015-04-21 10: 29: 07Z

    Чтобы проверить и снять флажок

    $('.myCheckbox').prop('checked', true);
    $('.myCheckbox').prop('checked', false);
    
        
    17
    2013-12-03 02: 18: 05Z
    1. - 1; это не добавляет никакой ценности к уже раздутому потоку. Код здесь точно такой же, как принятый ответ.
      2014-12-15 18: 25: 36Z

    Как сказал @ livefree75:

    jQuery 1.5.x и ниже

    Вы также можете расширить объект $.fn новыми методами:

    (function($)  {
       $.fn.extend({
          check : function()  {
             return this.filter(":radio, :checkbox").attr("checked", true);
          },
          uncheck : function()  {
             return this.filter(":radio, :checkbox").removeAttr("checked");
          }
       });
    }(jQuery));
    

    Но в новых версиях jQuery мы должны использовать что-то вроде этого:

    jQuery 1.6 +

        (function($)  {
           $.fn.extend({
              check : function()  {
                 return this.filter(":radio, :checkbox").prop("checked", true);
              },
              uncheck : function()  {
                 return this.filter(":radio, :checkbox").prop("checked",false);
              }
           });
        }(jQuery));
    

    Тогда вы можете просто сделать:

        $(":checkbox").check();
        $(":checkbox").uncheck();
    
        
    17
    2017-05-21 11: 00: 42Z
    $('controlCheckBox').click(function(){
        var temp = $(this).prop('checked');
        $('controlledCheckBoxes').prop('checked', temp);
    });
    
        
    16
    2013-07-16 02: 57: 18Z
    1. - 1 за то, что он является ответом только для кода, не отвечает непосредственно на вопрос и не добавляет ничего, что другие ответы еще не охватили.
      2014-12-15 18: 28: 39Z

    Вероятно, это самое короткое и простое решение:

    $(".myCheckBox")[0].checked = true;
    

    или р>

    $(".myCheckBox")[0].checked = false;
    

    Еще короче будет:

    $(".myCheckBox")[0].checked = !0;
    $(".myCheckBox")[0].checked = !1;
    

    Здесь также находится jsFiddle .

        
    15
    2014-12-13 16: 46: 09Z

    Простой JavaScript очень прост и намного меньше накладных расходов.

    var elements = document.getElementsByClassName('myCheckBox');
    for(var i = 0; i < elements.length; i++)
    {
        elements[i].checked = true;
    }
    

    Пример здесь

        
    14
    2013-09-23 01: 12: 17Z
    1. @ MarkAmery Принятый ответ не охватывает, как это сделать без jQuery. Мой ответ добавляет дополнительное преимущество к принятому ответу.
      2014-12-15 20: 12: 47Z

    Я не могу заставить его работать, используя:

    $("#cb").prop('checked', 'true');
    $("#cb").prop('checked', 'false');
    

    И true, и false установят флажок. То, что сработало для меня, было:

    $("#cb").prop('checked', 'true'); // For checking
    $("#cb").prop('checked', '');     // For unchecking
    
        
    13
    2014-12-15 18: 44: 58Z
    1. с использованием jquery 1.7-минутный
      2012-01-05 13: 27: 40Z
    2. не должно быть true и false, а не 'true' и 'false'?
      2012-01-05 15: 34: 05Z
    3. Это "не сработало", потому что 'false' было преобразовано в логическое значение, в результате которого true - пустая строка оценивается в false, таким образом, это "работало". Посмотрите эту скрипку , например, что я имею в виду.
      2012-06-24 11: 41: 31Z
    4. @ chris97ong Я откатил ваши изменения; когда кто-то говорит: «Не используйте приведенный ниже код, потому что он не работает», исправляя этот код, оставляя комментарий о том, что он не работает, вредно - особенно когда оно нарушает объяснение в комментарии почему код не работает. Тем не менее, этот ответ все еще несколько запутан и заслуживает отрицательного ответа по причинам, указанным tpower и ShadowWizard.
      2014-12-15 18: 46: 12Z
    5. используйте значения true и false для логических значений, не используйте 'true' или 'false' (строки).
      2015-02-21 22: 34: 07Z

    Когда вы отметили флажок, как;

    $('.className').attr('checked', 'checked')
    

    этого может быть недостаточно. Вы также должны вызвать функцию ниже;

    $('.className').prop('checked', 'true')
    

    Особенно, когда вы удалили отмеченный флажок атрибут.

        
    13
    2015-03-05 13: 10: 51Z

    Вот полный ответ используя jQuery

    Я проверяю это, и он работает на 100%: D

        // when the button (select_unit_button) is clicked it returns all the checed checkboxes values 
        $("#select_unit_button").on("click", function(e){
    
                 var arr = [];
    
                 $(':checkbox:checked').each(function(i){
                     arr[i] = $(this).val(); // u can get id or anything else
                 });
    
                  //console.log(arr); // u can test it using this in google chrome
        });
    
        
    11
    2013-02-27 15: 49: 10Z

    В jQuery

    if($("#checkboxId").is(':checked')){
        alert("Checked");
    }
    

    или

    if($("#checkboxId").attr('checked')==true){
        alert("Checked");
    }
    

    В JavaScript

    if (document.getElementById("checkboxID").checked){
        alert("Checked");
    }
    
        
    10
    2014-04-03 21: 31: 55Z
    1. Это не отвечает на вопрос.
      2013-06-10 13: 20: 10Z
    2. Этот ответ устарел, так как вместо .attr используется .prop.
      2014-01-21 14: 20: 34Z
источник размещен Вот