Javascript 使用Jquery检查多个复选框

在我的应用程序中，我使用单个复选框“选择所有”其他复选框。下面是我的代码片段，它适合我。但是我需要一个更短的方法来减少代码行

$('#CheckAll').change(function(){   
                if ($(this).is(":checked")) {                                       
                    $('.checkboxes').each(function(){                                   
                        $(this).prop("checked", true);                      
                    });
                }
                else{               
                    $('.checkboxes').each(function(){                                   
                        $(this).prop("checked", false);                                                 
                    });             
                }               
            });

使用“三元运算符”是否有更简单的方法来实现这一点

试试这个

试试这个

如果确实要使用三元运算符（）：

$（'#CheckAll'）。更改（函数（）{
（$（this）.is（“：checked”）？$（“.checkbox”）.prop（“checked”，true）：$（“.checkbox”）.prop（“checked”，false））
});

全部检查



如果确实要使用三元运算符（）：


$（'#CheckAll'）。更改（函数（）{
（$（this）.is（“：checked”）？$（“.checkbox”）.prop（“checked”，true）：$（“.checkbox”）.prop（“checked”，false））
});

全部检查



使用以下方法：

   $('#CheckAll').change(function(){   
                    if ($(this).is(":checked")) {                                       
                        $('.checkboxes').prop("checked", true);                      

                    }
                    else{               
                        $('.checkboxes').prop("checked", false);                                                        
                    }               
                });

使用以下命令：

   $('#CheckAll').change(function(){   
                    if ($(this).is(":checked")) {                                       
                        $('.checkboxes').prop("checked", true);                      

                    }
                    else{               
                        $('.checkboxes').prop("checked", false);                                                        
                    }               
                });

试试这个：

  var chks = $('.checkboxes'); // cache all once
  $('#CheckAll').change(function(e) {
    chks.prop('checked', this.checked);
  });

试试这个：

  var chks = $('.checkboxes'); // cache all once
  $('#CheckAll').change(function(e) {
    chks.prop('checked', this.checked);
  });

没什么大不了的。。但当您选中全部>取消选中（示例）2时，请选中所有保持选中状态：）@ManojDhiman也。。没什么大不了的。。您有3个相同的id:p更改为类。。很简单：没什么大不了的。。但当您选中全部>取消选中（示例）2时，请选中所有保持选中状态：）@ManojDhiman也。。没什么大不了的。。您有3个相同的id:p更改为类。。简单：请检查答案中的双点。请检查答案中的双点。