jQuery Uniform 라이브러리를 사용하여 확인란을 선택 취소하는 방법

의 선택을 해제하는 데 문제가 checkbox있습니다. 내가 시도하고있는 jsFiddle을 살펴보십시오 .

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

내가 사용하는 유니폼을 스타일링을 위해 checkbox그것은 단순히 작동하지 않습니다 / 선택 해제 확인checkbox .

어떤 아이디어?

문서를 살펴보면 $.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);
});

더 간단한 해결책은 유니폼을 사용하는 대신 이것을 수행하는 것입니다.

$('#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()

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

이것은 나를 위해 일했으며 확인란의 선택을 취소합니다. 같은 방식으로

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

확인란을 선택하십시오.

균일 한 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) {기능 변화

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);
    }

}

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

이것은 나를 위해 일했습니다.

그냥 이렇게 :

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

$.uniform.update()설명서에 언급 된대로 자바 스크립트를 사용하여 요소를 업데이트하는 경우 호출해야합니다 .

우선 checked, 값 checked또는 빈 문자열을 가질 수 있습니다 .

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

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

어떤 경우에는 이것을 사용할 수 있습니다.

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

토글의 경우 다른 기능이있는 경우 사용할 수 있습니다

다른 방법은

사용하다 $('#check2').click();

그러면 유니폼이 확인란을 선택하고 마스크를 업데이트합니다.

라디오 btn처럼 작동하는 확인란

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