Cách bỏ chọn hộp kiểm bằng thư viện jQuery thống nhất

Tôi có một vấn đề với việc bỏ chọn a checkbox. Hãy xem jsFiddle của tôi , nơi tôi đang cố gắng:

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

Tôi sử dụng thống nhất cho styling checkboxvà nó chỉ đơn giản không hoạt động để kiểm tra / bỏ chọn các checkbox.

Có ý kiến ​​gì không?

Nhìn vào tài liệu của họ, họ có một $.uniform.updatetính năng để làm mới một yếu tố "mặc đồng phục".

Ví dụ: http://jsfiddle.net/r87NH/4/

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

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

Một giải pháp đơn giản hơn là làm điều này thay vì sử dụng đồng phục:

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

Điều này sẽ không kích hoạt bất kỳ hành động nhấp chuột được xác định.

Bạn cũng có thể dùng:

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

Điều này sẽ chuyển đổi kiểm tra / bỏ chọn cho hộp kiểm nhưng điều này cũng sẽ kích hoạt bất kỳ hành động nhấp nào bạn đã xác định. Vì vậy, hãy cẩn thận.

EDIT : jQuery 1.6+ prop()không sử dụng attr()cho các hộp kiểm tra giá trị được kiểm tra

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

Điều này làm việc cho tôi, điều này sẽ bỏ chọn hộp kiểm. Theo cùng một cách chúng ta có thể sử dụng

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

để kiểm tra hộp kiểm.

Nếu bạn đang sử dụng đồng phục 1.5 thì hãy sử dụng thủ thuật đơn giản này để thêm hoặc xóa thuộc tính kiểm tra
Chỉ cần thêm giá trị = "kiểm tra" trong trường nhập của hộp kiểm của bạn.
Thêm mã này trong uniform.js> function doCheckbox(elem){>.click(function(){

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

nếu bạn không muốn thêm value = "check" vào hộp nhập của mình vì trong một số trường hợp bạn thêm hai hộp kiểm, vì vậy hãy sử dụng cái này

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

Nếu bạn đang sử dụng thống nhất 2.0 thì hãy sử dụng thủ thuật đơn giản này để thêm hoặc xóa thuộc tính kiểm tra
trong classUpdateChecked($tag, $el, options) {thay đổi chức năng này

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

Đến

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

}

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

Điều này làm việc cho tôi.

Chỉ cần làm điều này:

$('#checkbox').prop('checked',true).uniform('refresh');

bạn cần gọi $.uniform.update()nếu bạn cập nhật phần tử bằng javascript như được đề cập trong tài liệu.

Trước hết, checkedcó thể có một giá trị checkedhoặc một chuỗi rỗng.

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

$('#check1').live('click', function() {
    $('#check2').attr('checked', 'checked').uniform();
});

Trong một số trường hợp, bạn có thể sử dụng điều này:

$('.myInput').get(0).checked = true

Để chuyển đổi, bạn có thể sử dụng nếu khác có chức năng

Cách khác để làm là,

sử dụng $('#check2').click();

Điều này khiến đồng phục kiểm tra hộp kiểm và cập nhật mặt nạ

hộp kiểm hoạt động như đài phát thanh btn

$(".checkgroup").live('change',function() { var previous=this.checked; $(".checkgroup).attr("checked", false); $(this).attr("checked", previous); });