jquery 를 사용하여 확인 / 선택 해제하십시오 확인란?

나는 내 일부 입력입니다 페이지에서든 키워봤지 디스플레이하여 JavaScript 를 사용하여 해당 값을 텍스트 필드.

나는 ' (,,, &quot value&quot &quot &quot)' 기능을 사용하여 리스트 값을 편집할 수 있으며, 별도의 추가 확인란 필드 값을 전달합니다.

Here I want to check '값 = 1' 이 있는 경우, 다음 확인란 선택해야 합니다. 그렇지 않으면 선택하지 않은 채로 남아 있어야 한다고.

I am not feeling 편안하던가요, 이로써 두 개의 div 를 사용하여 이런게야 하지만 난 다른 방법이 있습니까?

if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}
해결책
  • JQuery 의 1.6+ :*

스타르 () 는 사용되지 속성. 새 지프로프 () 함수를 대신 사용할 수 있다.

$('#myCheckbox').prop('checked', true); // Checks it
$('#myCheckbox').prop('checked', false); // Unchecks it
  • 용 &lt 포함한다. 1.6:*

',' 체크 / 해제 및 변경 확인란 속성을 사용하여 점검됩니다 iqn. Jquery 함께 할 수 있습니다.

$('#myCheckbox').attr('checked', true); // Checks it
$('#myCheckbox').attr('checked', false); // Unchecks it

왜냐하면 넌, HTML, 다음과 같은 항목을 보면 알 수 있지 않을까 생각한다 "고 말했다

<input type="checkbox" id="myCheckbox" checked="checked" /> 
<input type="checkbox" id="myCheckbox" /> 

그러나 믿을 수 없습니다 스타르 () 메서드를 확인란 (if you need to) 값을 얻을 수 있다. 지프로프 () 방법을 이용할 수 있는 것입니다.

해설 (16)

제안 () 엔드입니다 사용할 수 있는 것처럼 [스타르 ()], 2 전 jQuery 를 1.6 속성 값을 고려하여 일부 속성을 검색하는 방법을 비헤이비어를 불안정해질 수 있는 경우도 있었다. Vmware. 1.6 지프로프 () 는 ',' method) 은 jQuery 를 명시적으로 스타르 () ',' 속성 값을 동시에 운행에서어떠한 읽어들입니다 읽어들입니다 속성.

var prop=false;
if(value == 1) {
   prop=true; 
}
$('#checkbox').prop('checked',prop);

, 또는 단순히

$('#checkbox').prop('checked',(value == 1));
  • 스니핏 *

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

$(document).ready(function() {
  var chkbox = $('.customcheckbox');
  $(".customvalue").keyup(function() {
    chkbox.prop('checked', this.value==1);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h4>This is a domo to show check box is checked
if you enter value 1 else check box will be unchecked </h4>
Enter a value:
<input type="text" value="" class="customvalue">
<br>checkbox output :
<input type="checkbox" class="customcheckbox">

끝 - &lt 스니핏 >;!

해설 (0)

상태에 따라 확인란 값을 설정할 수 있습니다.

$('#your-checkbox').prop('checked', value == 1);
해설 (1)