[Jquery] 제이쿼리 Input 태그 체크박스, 라디오 상태 체크 및 해제

 제이쿼리 사용해서 체크박스, 라디오 상태 체크 및 해제하기


버튼을 클릭하지 않고 input 태그의 상태를 클릭하거나 하지 않은 상태로 변경하려면 제이쿼리의 .prop() 속성을 사용하면 

매우 간단하게 체크박스나 라디오 박스의 상태를 변경할 수 있습니다. 

 .prop() 속성은 attr() 속성과 매우 비슷한데 현재 속성값을 가져오거나 변경할 수 있는 매우 유용한 메소드입니다. 



$(선택요소).prop('checked', true or false);




 input 체크박스, 라디오 상태 체크 및 해제 예제


아래와 같이 간단하게 사용할 수 있습니다.


1
2
3
4
<div>
  <input id="test" type="checkbox"/> 체크박스
  <button onclick="check();">Click</button>
</div>
cs



1
2
3
function check(){
     $( "#test" ).prop( "checked"true );
}
cs




체크박스


댓글

Designed by JB FACTORY