반응형
1. checked 된 radio 값 : $('input:radio[name="radio_name"]:checked').val();
2. 특정 radio 버튼 checked : $('input:radio[name="radio_name"]:input[value="Y"]').attr("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 (비활성화) : $("input[name=radio_name]").attr("disabled", true);
- 활성화시키려면 false로 바꾸면됨.]
5. radio가 여러개이면서 번호형식으로 이름이 된경우 반복문 사용법은 아래와 같다 (Ex: radio1, radio2, radio3)
for(var i=1; i<=3; i++){
$('input:radio[name="radio_name'+i+'"]:checked').val();
반응형
'Web > Javascript_Jquery' 카테고리의 다른 글
jquery 속성값 변경 되면 변화 감지. attrchange (0) | 2017.05.03 |
---|---|
[Script] Handlebars Tutorial & Reference 출처: http://aroundck.tistory.com/957 [돼지왕 왕돼지 놀이터] (0) | 2017.04.27 |
jQuery로 이벤트 발생시키기, 이벤트 트리거 (0) | 2016.11.17 |
input 이벤트 감지 크로스브라우징 (0) | 2016.11.17 |
자바스크립트에서 당장 사용해야 할 5가지의 배열 메소드들 (Array) (0) | 2016.11.14 |
댓글