Javascript 如果选中所有复选框，则执行此操作；如果未选中，则执行此操作（jQuery）

我正试图做到以下几点：

• 只有选中所有复选框，用户才能继续下一步
• 在其他情况下，如果用户点击按钮，它应该弹出警报消息，例如

如果复选框未全部选中，则我无法理解第二部分。这是我的密码：

$("input[type='checkbox'].checkbox").change(function(){
    var a = $("input[type='checkbox'].checkbox");
    if (a.length == a.filter(":checked").length){
        $('.button').on('click',function(){
            // do something, no issue here
        });
    } else {
        // do something else, can't figure this out
    }
});

HTML:

小提琴：

建议：一旦用户单击一个特定复选框，动态选择全部

$('input[type="checkbox"]').click(function() {

    if($(this).is(':checked')) {
        $('input[type="checkbox"]').prop('checked', true);
    } else {
        $('input[type="checkbox"]').prop('checked', false);
    }

});

小提琴：HTML:

小提琴：

建议：一旦用户单击一个特定复选框，动态选择全部

$('input[type="checkbox"]').click(function() {

    if($(this).is(':checked')) {
        $('input[type="checkbox"]').prop('checked', true);
    } else {
        $('input[type="checkbox"]').prop('checked', false);
    }

});

---

Fiddle:

检查是否在单击处理程序中选中了框，不要基于复选框附加单击处理程序：

$('.button').on('click',function(){
    var boxes = $('.checkbox[type="checkbox"]');
    if ( boxes.length === boxes.filter(':checked').length ) {
         // all checked
    }else{
         // not all checked
    }
});

---

如果在单击处理程序中选中了这些框，则不要基于复选框附加单击处理程序：

$('.button').on('click',function(){
    var boxes = $('.checkbox[type="checkbox"]');
    if ( boxes.length === boxes.filter(':checked').length ) {
         // all checked
    }else{
         // not all checked
    }
});

---

单击按钮时，应检查是否选中了所有复选框

$('.button').on('click',function(){
  var a = $("input[type='checkbox'].checkbox");
  if(a.length == a.filter(":checked").length){
    // do something, no issue here
  }
  else {
    // do alert thingy
  }
});

---

单击按钮时，应检查是否选中了所有复选框

$('.button').on('click',function(){
  var a = $("input[type='checkbox'].checkbox");
  if(a.length == a.filter(":checked").length){
    // do something, no issue here
  }
  else {
    // do alert thingy
  }
});

你可以试试这个 html

此代码检查是否在单个选择器中未选中所有复选框

您可以尝试此操作 html

---

此代码检查是否在单个选择器中未选中所有复选框

是否询问如何弹出警报消息？更改处理程序中的单击处理程序将导致issueselse{alert（'请选择所有复选框'）；}这就是你想要的吗？顺便说一句：检查未选中框的数量>0不是比根据总框测试复选框的数量更简单吗？不，先生，我想问的是，当某个复选框未选中时，如何再写一个“如果”，因此，除了选中所有复选框之外，单击按钮还可以做其他事情。您是否询问如何弹出警报消息？更改处理程序中的单击处理程序将导致问题LSE{alert（'请选中所有复选框'）；}这就是你想要的吗？顺便说一句：检查未选中框的数量>0不是比根据总框测试复选框的数量更简单吗？不，先生，我想问的是，当某个复选框未选中时，如何再写一个“如果”，所以，除了选中所有复选框之外，点击按钮还可以做其他事情。这正是我所需要的。我现在有点聪明了。非常感谢。这正是我需要的。我现在有点聪明了。非常感谢。

$(document).ready(function(){
    $('#btn').on('click',function(){
        if($('input[type="checkbox"]:not(:checked)').length>0)
            alert("please select all checkboxes");
    });
});