jquery - 禁用在 Jquery Multiselect 中检查的最后一个选项

Question

我在我的项目中使用jquery multiselect，当用户单击checkall时，我如何停止这个函数来检查jquery multiselect中的最后一个选项？

就像如果我在 jquery 多选中有 4 个选项，并且如果用户单击“检查全部”，我希望检查前三个选项，但最后一个选项未选中。任何帮助将不胜感激

Answer 1

这里是插件的更新解决方案以及带有演示的普通多个复选框!

多选复选框特殊条件取消选中全部复选框的解决方案

针对有关 @Gautam 多选插件的特定情况使用 MultiSelect jsfiddle:http://jsfiddle.net/fG6PT/82/

HTML:

<select multiple="multiple" class='multi'>
<option value="foo">foo</option>
<option value="bar">bar</option>
<option value="baz">baz</option>
<option value="toy">toy</option>
</select>

JQuery

$('.multi').multiselect({

    // Uncheck the last checkbox when chaeckall happens.
    checkAll: function () {

       if ($(this).is(":last") == true){

          var arr = $(this).val().toString().split(',');
           // Work on the array length alert('===>' + arr.length);
           var l = arr.length;
           for(i=(l-1);i<l;i++){
               // so whatever the lenght is aim for the last element
                 $('input:checkbox[value="' + arr[i] + '"]').attr('checked', false);
           }
        }
    }

});

下面的解决方案适用于普通的 Chckbox

此处的工作示例:http://jsfiddle.net/Ev7FX/5/

http://jsfiddle.net/Ev7FX/4/

HTML

<input type="checkbox" name="check[]" value="1" />
<input type="checkbox" name="check[]" value="2" />
<input type="checkbox" name="check[]" value="3" />
<input type="checkbox" name="check[]" value="4" />
<a href="#" title="" id="check">check all</a> <a href="#" title="" id="uncheck">uncheck all</a>​

JQuery 代码

var all_checkboxes = jQuery(':checkbox');

jQuery('#check').on('click', function(event){
    event.preventDefault();
       all_checkboxes.not(':last').prop('checked', true);
});

jQuery('#uncheck').on('click', function(event){
    event.preventDefault();
    all_checkboxes.prop('checked', false);
});​

这会有所帮助，干杯!