일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- 확장프로그램
- Windows10
- Spring Legacy
- 이클립스
- eclipse github
- oracle
- Linux
- 리엑트
- Github
- GIT
- extension
- 윈도우10
- 낙짜쌤
- musthave
- vscode에서github연동
- jQuery
- 낙자
- #php.ini
- 한국소프트웨어인재개발원
- 이클립스 파일인코딩
- 노트패드
- 오라클
- #MySQL
- MySQL
- Java
- Visual Studio Code
- sql developer
- vscode
- 낙자쌤
- Eclipse
- Today
- Total
자바강사 낙자쌤
jQuery > form > radio button control 본문
1. checked 된 radio 값 : $('input:radio[name="radio_name"]:checked').val();
2. 특정 radio 버튼 checked : $('input:radio[name="radio_name"]:input[value="Y"]').prop("checked", true);
- checked 해제는 false를 넣으면된다
* value 자리에 원하는 값을 세팅하면 radio_name 으로 된 버튼중에서 해당 값과 매칭되는 것을 찾아 checked 처리를 해준다
3. checked 된 radio 갯수 : $("input:radio[name=radio_name]:checked").length
* jQuery 에서 radio 버튼의 존재여부 확인, 존재하는 것중에서 checked 된게 있는지를 확인 가능
* 화면에 해당하는 radio_name으로 radio버튼이 없어도 실행된다는 점이 장점!, 아래처럼 함수화 시켜 사용하면된다.
=============================================== function Sample =================================================
if($("input[name=radio_name]:radio:checked").length == 0){
alert("선택된 radio가 없음");
}
4. raido disabled (비활성화) : jQuery("input[name=radio_name]").prop("disabled", true);
- 활성화시키려면 false로 바꾸면됨.]
5. radio가 여러개이면서 번호형식으로 이름이 된경우 반복문 사용법은 아래와 같다 (Ex: radio1, radio2, radio3)
for(var i=1; i<=3; i++){
$('input:radio[name="radio_name'+i+'"]:checked').val();
}
'jQuery' 카테고리의 다른 글
jQuery - id, class, name 속성의 value 읽기 (0) | 2024.02.23 |
---|---|
jQuery의 serialize() 함수 사용하기 (0) | 2024.02.23 |
jQuery를 이용한 checkbox 체크하는 방법 (0) | 2020.11.29 |
jQuery 동영상 강좌 URL입니다. (0) | 2016.01.12 |