JQuery Проверьте, установлен ли флажок

Question

. Я хотел бы выяснить, как написать что-то вроде следующего, чтобы проверить отдельные флажки. В форме может быть только один или несколько отдельных. Пример ниже не работает.

Спасибо!

// ----------------------------------------------- 
// CHECK SINGLE CHECKBOX 
// ----------------------------------------------- 
$('.mcCbxRequired').each(function() { 
    var mcCbxCheck = $(this); 
    if(mcCbxCheck.is(':checked')) { 
     alert('checked'); 
     // do something here ... 
    } 
    else{ 
     alert('not checked'); 
     return false; 
    } 
}); 

Answer 1

Пара вещей:

1. Каждый применимый флажок должен иметь mcCbxRequired класс. Если ни одно предупреждение не отображается, проблема должна быть связана с тем, что ваш флажок не имеет этого класса.

2. В обоих случаях вы являетесь return ing false. Это на самом деле не имеет смысла с проверкой, так что вы должны изменить соответствующую часть кода для этого:

Код:

if(mcCbxCheck.is(':checked')) { 
     alert('checked'); 
     return true; 
    } 

Answer 2

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

$('input[type=checkbox]:checked').each(function() 
{ 
    var checkedBox = $(this); 

    // Do whatever you want 
}); 

Кроме того, селектора JQuery по классам медленнее, чем по типу id /.