0

我想说我很少使用 javascript。这从来不是我的事，也可能永远不会，所以我很抱歉我对这种语言缺乏了解。这就是为什么我的问题如此羞辱。

我在网上找到了这段代码：

function checkboxlimit(checkgroup, limit){
    var checkgroup=checkgroup
    var limit=limit
    for (var i=0; i<checkgroup.length; i++){
        checkgroup[i].onclick=function(){
        var checkedcount=0
        for (var i=0; i<checkgroup.length; i++)
            checkedcount+=(checkgroup[i].checked)? 1 : 0
        if (checkedcount>limit){
            alert("You can check a maximum of "+limit+" boxes.")
            this.checked=false
            }
        }
    }
}

<script type="text/javascript">
    checkboxlimit(document.forms.checkform.weapon[], 2)
</script>

它对我来说看起来很基本。这里没有什么特别的。但是，我的问题是我试图通过名称武器 [] 找到复选框，因为我正在输出多个复选框作为数组的武器 []，因此我需要这样做。现在我的问题是，我将如何解决这个愚蠢的小错误。

总结一下：我的问题是我的复选框被命名为武器[]（name="weapon[]"）而不是（name="weapon"），作为一个数组，因此js不会识别它。

4

2 回答 2

2

你在寻找这样的东西吗？

$(':checkbox[name=weapon]').on('click',function(){

    var checkedBoxlength=$(':checkbox[name=weapon]:checked').length;
    if(checkedBoxlength>2){
        alert('You can check a maximum of 2 boxes.');
        return false;
    }
});

http://jsfiddle.net/umqL3/2/

- - 编辑

刚刚制作了一个 jquery 插件，仅用于限制您检查的复选框数量。

(function( $ ){

  $.fn.LimitCheckableNumber = function( options ) {     
    var settings = $.extend( {
      'nr'         : 1,    
    }, options);
    return this.each(function() {        
         var $this=$(this),
             thisName=$this.attr('name');
        $this.on('click',function(){            
            var count=$(":checked[name='"+thisName+"']").length;           
            if(count>settings.nr){
            alert('You can check a maximum of '+settings.nr+' boxes. ');
                return false;
            };            
        });
    });
  };
})( jQuery );

关联

于 2013-02-19T21:41:15.627 回答
1

[]使用点表示法时不能使用。切换到将其视为关联数组。

checkboxlimit(document.forms.checkform['weapon[]'], 2)

http://jsfiddle.net/4mYbD/3/

工作得很好。

此外，您不需要重新定义checkgroupand limit。您可以将它们用作参数。

于 2013-02-19T21:35:35.030 回答