jQuery从N个复选框中选择/取消选择所有限制为5

Question

以下是选择或取消选中所有复选框的功能

$(function(){    
   $("#selectall").click(function(){$('.case').attr('checked',this.checked);});
      $(".case").click(function() {
         if($(".case").length==$(".case:checked").length) {
            $("#selectall").attr("checked","checked");
         }
         else {
            $("#selectall").removeAttr("checked");
         }
     });
});

如何从上面的例子中选择/取消选择所有前5个复选框？

Answer 1

试试这个：

$(function () {
    $("#selectall").click(function () {
        $('.case:lt(5)').prop('checked', $(this).is(":checked"));
    });
    $(".case").click(function () {
        var allfirstChecked = true;

        $('.case:lt(5)').each(function(c, obj){
            if(!$(obj).is(":checked")){
                allfirstChecked = false;
            }
        });

        $("#selectall").prop("checked", allfirstChecked);
    });
});

jsfiddle：http://jsfiddle.net/ashishanexpert/CK9Em/2/

提示：如果您要检查/取消选中复选框，请使用.prop()代替.attr()。

Answer 2

如果你想获得前5 .case 然后使用这个选择器：

$(".case:lt(5)");

Answer 3

放手一搏......

$(function() {
    $("#selectall").click(function() {
        $('.case:lt(5)').attr('checked', 'checked');
    });
});