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

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

확인을 해제하는 데 문제가 있습니다.checkbox제 jsFiddle을 보세요. 제가 시도하고 있는 곳은 다음과 같습니다.

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

저는 유니폼을 스타일링 할 때 사용합니다.checkbox그리고 그것은 단순히 확인/취소하는 것이 작동하지 않습니다.checkbox.

아이디어 있어요?

더 간단한 해결책은 균일한 방법을 사용하는 것보다 이를 수행하는 것입니다.

$('#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()확인란 선택 값의 경우

그들의 서류를 보면, 그들은$.uniform.update기능을 사용하여 "uniformed" 요소를 새로 고칩니다.

예: http://jsfiddle.net/r87NH/4/

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

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

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

이것은 저에게 효과가 있습니다. 확인란의 선택을 취소합니다.우리가 사용할 수 있는 것과 같은 방식으로

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

확인란을 선택합니다.

유니폼 1.5를 사용하는 경우 이 간단한 트릭을 사용하여 체크 속성을 추가하거나 제거합니다.
확인란의 입력 필드에 값="체크"를 추가하기만 하면 됩니다.
다음에 이 코드 추가uniform.js>function doCheckbox(elem){>.click(function(){

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

경우에 따라 두 개의 확인란을 추가하기 때문에 입력란에 값="체크"를 추가하지 않으려면 이를 사용합니다.

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()설명서에 언급된 대로 Javascript를 사용하여 요소를 업데이트하는 경우.

일단은.checked의 가치를 가질 수 있습니다.checked또는 빈 문자열.

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

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

경우에 따라 다음을 사용할 수 있습니다.

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

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

 $("#checkall").change(function () {
            var checked = $(this).is(':checked');
            if (checked) {
                $(".custom-checkbox").each(function () {
                    $(this).prop("checked", true).uniform();
                });
            } else {
                $(".custom-checkbox").each(function () {
                    $(this).prop("checked", false).uniform();
                });
            }
        });

        // Changing state of CheckAll custom-checkbox
        $(".custom-checkbox").click(function () {
            if ($(".custom-checkbox").length == $(".custom-checkbox:checked").length) {
                $("#chk-all").prop("checked", true).uniform();
            } else {
                $("#chk-all").removeAttr("checked").uniform();
            }
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id='checkall' /> Select All<br/>
 <input type="checkbox" class='custom-checkbox' name="languages" value="PHP"> PHP<br/>
 <input type="checkbox" class='custom-checkbox' name="languages" value="AngularJS"> AngularJS<br/>
 <input type="checkbox" class='custom-checkbox' name="languages" value="Python"> Python<br/>
 <input type="checkbox" class='custom-checkbox' name="languages" value="Java"> Java<br/>

또 다른 방법은,

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

이로 인해 유니폼은 확인란을 선택하고 마스크를 업데이트합니다.

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

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

언급URL : https://stackoverflow.com/questions/4996953/how-to-uncheck-checkbox-using-jquery-uniform-library