如何使用jQuery Uniform库取消选中复选框

Question

我在取消选中时遇到问题checkbox.看看我的jsFiddle,我在尝试:

   $("#check2").attr("checked", true);

我使用统一的造型的checkbox,它根本不工作,检查/取消的checkbox.

有任何想法吗？

Answer 1

一个更简单的解决方案是这样做而不是使用统一:

$('#check1').prop('checked', true); // will check the checkbox with id check1
$('#check1').prop('checked', false); // will uncheck the checkbox with id check1

这不会触发定义的任何点击操作.

您还可以使用:

$('#check1').click(); // 

这将切换复选框的选中/取消选中,但这也会触发您定义的任何单击操作.所以要小心.

编辑:jQuery 1.6+ prop()不attr()用于复选框检查值

Answer 2

看看他们的文档,他们有一个$.uniform.update功能来刷新"穿制服"的元素.

示例: http ://jsfiddle.net/r87NH/4/

$("input:checkbox").uniform();

$("body").on("click", "#check1", function () {
    var two = $("#check2").attr("checked", this.checked);
    $.uniform.update(two);
});

Answer 3

$("#chkBox").attr('checked', false); 

这对我有用,这将取消选中复选框.以同样的方式我们可以使用

$("#chkBox").attr('checked', true); 

选中复选框.

Answer 4

如果您使用的是统一1.5,那么使用这个简单的技巧来添加或删除检查属性
只需在复选框的输入字段中添加value ="check".
在添加该代码uniform.js> function doCheckbox(elem){>.click(function(){

if ( $(elem+':checked').val() == 'check' ) {
    $(elem).attr('checked','checked');           
}
else {
    $(elem).removeAttr('checked');
}   

如果您不想在输入框中添加value ="check",因为在某些情况下您添加了两个复选框,因此请使用此选项

if ($(elem).is(':checked')) {
 $(elem).attr('checked','checked');
}    
else
{    
 $(elem).removeAttr('checked');
}

如果您使用的是统一2.0,那么使用这个简单的技巧来添加或删除
此classUpdateChecked($tag, $el, options) {函数更改中的check属性

if ($el.prop) {
    // jQuery 1.6+
    $el.prop(c, isChecked);
}

至

if ($el.prop) {
    // jQuery 1.6+
    $el.prop(c, isChecked);
    if (isChecked) {
        $el.attr(c, c);
    } else {
        $el.removeAttr(c);
    }

}

Answer 5

$('#check1').prop('checked', true).uniform(); 
$('#check1').prop('checked', false).uniform(); 

这对我有用.