javascript - 如何检查表单中是否至少选中了一个复选框？

Question

我的表单有 4 个复选框字段。为了让用户处理表单，他们必须至少选中一个复选框。如果没有选中任何复选框，则用户将收到有关此错误的消息。我有一个提交功能，我想验证这个标准。但是，这是我的功能:

$(document).on('submit', '#myFrm', saveFrm);
function saveFrm(e) {
    e.preventDefault();
    var frmData = $(this).serialize(),
        submitBtn = $(this).closest('form').find(':submit'),
        messageBox = $(this).closest('form').find('.message-submit'),
        ckLen = $('#myFrm input[type=checkbox]:checked');

    if(ckLen === 0){
       alert('At least on checkbox has to be checked.');
    }else{
       // Save form
    }
}

上面的代码应该可以正常工作，但我想知道的一件事是这行代码:

ckLen = $('#myFrm input[type=checkbox]:checked');

有没有办法使用 $(this) 而不是硬编码的表单 id ？

Answer 1

您可以使用find()在$(this)上。您还必须从对象中获取 length 属性才能使条件正常工作:

ckLen = $(this).find('input[type=checkbox]:checked').length;