티스토리 뷰

반응형



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


반응형
반응형
최근에 올라온 글
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28