티스토리 뷰
반응형
Web용 화면을 만들다 보면 라디오(radio)버튼을 컨트롤해야 할때가 있습니다.
아래와 같은 방식으로 라디오 버튼을 컨트롤 할 수 있습니다.
다만 모바일 사용자를 위해 checkbox, radio에 label을 사용한 경우라면 해당 label과 선택된
라디오,체크박의를 동기화 시켜 주어야 합니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 | //jquery 1.6 이하 라디오버튼 선택 $("input:radio[name='satisfaction_score']:radio[value='5']").attr("checked","checked"); //jquery 1.6 이상 라디오버튼 선택 $("input:radio[name='satisfaction_score']:radio[value='5']").prop("checked",true); //선택된 라디오버튼의 값가져오기 $("input:radio[name='satisfaction_score']:checked").val(); //라디오버튼의 선택유무 if($("input:radio[name='satisfaction_score']").is(":checked")){ alert('checked'); } | cs |
반응형
'Programming > 제이쿼리(Jquery)' 카테고리의 다른 글
jquery form submit 시에 이벤트 적용 (0) | 2015.07.22 |
---|---|
jquery에서 체크된 체크박스의 순서 가져오기(index) (0) | 2015.06.17 |
jquery form elements 가져오기 (0) | 2015.06.10 |
jquery each 사용하기 (0) | 2015.05.19 |