javascript - 同时使用 jQuery.checkbox 和 jQuery.field

Question

我试图在一个表单上使用两个 jQuery 解决方案，但是在处理了几个小时后我无法获得所需的结果。

第一个 jQuery 解决方案使外观和感觉更好 http://www.envirotalk.com.au/jquery/jquery-checkbox.htm

第二个 jQuery 解决方案允许对选中的复选框的数量设置限制。 http://www.envirotalk.com.au/jquery/jquery-field.htm

这是我将两者结合起来的尝试。 http://www.envirotalk.com.au/jquery/combined.htm

我相信这个问题与这行代码有关，但我不能确定。

setLimitSelection();

我试图达到的结果。

• 外观和感觉；jquery-复选框
• 限制一个可以选择的复选框的数量；jQuery 字段
• 错误信息；jQuery 字段
• 一旦超出限制清除额外的字段值；jQuery 字段。

如果有人有时间看一看并帮助我，将不胜感激。

Answer 1

这两个插件可能相互冲突，因为您使用的代码与各个示例中给出的代码相同。对于限制可以选择的复选框，您可以尝试以下操作：

function setLimitSelection(){
    $("input[type=checkbox]").click(function(){
        var checkboxes_to_allow = 3;
        if($('input[type=checkbox]:checked').length == (checkboxes_to_allow+1)){
            //show error message
            return false;
        } else {
            //clear message
        }
    });
}

我认为代码足够清晰不需要注释？

Answer 2

您好，我认为您可以使用像 checkfield 这样的小状态变量来解决问题：

var checkfield = false;

$("input[name ='name']").limitSelection({

limit: 3,
onfailure: function (n){
checkfield = true;
return false;
}
}).click(function (){
if (field6error)
{   
$(this).checkBox('changeCheckStatus', false);
checkfield = false;
alert("Not more than 3 values!")
return false;
}});