[Jquery] 제이쿼리 Input 태그 체크박스, 라디오 상태 체크 및 해제
- FRONTEND/Jquery
- 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 |
체크박스
'FRONTEND > Jquery' 카테고리의 다른 글
[Jquery] 체크박스 전체 체크 , 해제 하는 방법 (0) | 2020.07.16 |
---|---|
DataTable 서버 사이드 CSV 전체 다운로드 (0) | 2019.12.10 |
[Jquery] 제이쿼리 a 링크 클릭 방지(#대신) (0) | 2019.04.22 |
[Jquery] 제이쿼리 체크박스 선택 여부 결정 후 value값 넣기 (2) | 2019.01.08 |
JQuery (0) | 2018.01.17 |