Javascript 最小最大选择-复选框

Javascript 最小最大选择-复选框,javascript,jquery,html,Javascript,Jquery,Html,请帮我检查一下我的复选框,因为我使用generator创建复选框和所有工作,但我需要在javascript中为这个复选框配置最小值和最大值选择。我用了它的大部分东西,没有任何工作,我仍然可以选择所有,但我只需要一个检查从三个 脚本: 如果你有任何意见,我怎么能解决它,所以请帮助我 我在代码中也尝试了这个脚本,但它不太管用 测试脚本:不工作 jQuery(function(){ var max = 1; var checkboxes = jQuery('input[type="ch

请帮我检查一下我的复选框,因为我使用generator创建复选框和所有工作,但我需要在javascript中为这个复选框配置最小值和最大值选择。我用了它的大部分东西,没有任何工作,我仍然可以选择所有,但我只需要一个检查从三个

脚本:

如果你有任何意见,我怎么能解决它,所以请帮助我

我在代码中也尝试了这个脚本,但它不太管用

测试脚本:不工作

jQuery(function(){
    var max = 1;
    var checkboxes = jQuery('input[type="checkbox"]');

    checkboxes.click(function(){
        var $this = $(this);
        var set = checkboxes.filter('[name="'+ this.name +'"]')
        var current = set.filter(':checked').length;
        return current <= max;
    });
});
或者这不起作用

jQuery(function(){
    var max = 1;
    var checkboxes = jQuery('input[type="checkbox"]');

    checkboxes.click(function(){
        var $this = $(this);
        var set = checkboxes.filter('[name="'+ this.name +'"]')
        var current = set.filter(':checked').length;
        return current <= max;
    });
});

如果您有一组项目需要仅选择一个,则应使用单选类型而不是复选框。那会解决你的问题。单选按钮的默认行为是只允许从多个选项中选择一个。那么你甚至不需要你的JS了。

你可以使用这个片段:

如果页面上有多个复选框,它将使用名称来标识复选框 它为您提供类型=无线电效果 $input:复选框。单击,函数{ var$checkbox=$this; if$checkbox.is:已选中{ var more=input:checkbox[name='+$checkbox.attrname+']; $more.propchecked,false; $checkbox.propchecked,true; }否则{ $checkbox.propchecked,false; } }; 带有无线电效果的复选框

检查1 支票2 支票3
为什么用C标记?我的坏sry我去掉了C标记。不用担心,伙计,小心标记。为什么不使用单选按钮?@RadekTarant,你是在寻找最多可以选择2个项目的东西吗?如果是这样的话,我有一个解决方案给你。我忘了我可以用简单的方式来点击单选按钮。
input[type=checkbox].css-checkbox {
      position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:37px;
    height:32px; 
    display:inline-block;
    line-height:32px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:32px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -32px;
}
label.css-label {
    background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_c1a4f40d98f1c23d1ad84d2af9c314be.png);
    -webkit-touch-callout: none;
-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
$("input[name=check_lang]").change(function(){
    var max= 1;
    if( $("input[name=check_lang]:checked").length == max ){
        $("input[name=check_lang]").attr('disabled', 'disabled');
        $("input[name=check_lang]:checked").removeAttr('disabled');
    }else{
         $("input[name=check_lang]").removeAttr('disabled');
    }
});
jQuery(function(){
    var max = 1;
    var checkboxes = jQuery('input[type="checkbox"]');

    checkboxes.click(function(){
        var $this = $(this);
        var set = checkboxes.filter('[name="'+ this.name +'"]')
        var current = set.filter(':checked').length;
        return current <= max;
    });
});