FRONTEND/Jquery
[Jquery] 제이쿼리 Input 태그 체크박스, 라디오 상태 체크 및 해제
Hello?
2019. 1. 8. 17:33
제이쿼리 사용해서 체크박스, 라디오 상태 체크 및 해제하기
버튼을 클릭하지 않고 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 |
체크박스