티스토리 뷰
프로그래밍/JS,Jquery - Plugin
jQuery 를 이용하여 radio(라디오) 버튼의 check된 value(값) 알아오기
쇠주는참이슬 2012. 4. 17. 17:14radio 선택된 값 가져오기
To select a set of associated radio buttons, you might use: $('input[name=gender]:radio')
실사용
var radiovalue = $('input[name=라디오버튼네임]:checked').val()
radio의 value값으로 선택하기
$("input[@name=rList]").filter('input[@value='+sValue+']').attr("checked", "checked");
if($("input[name=telcom]:radio:checked").length == 0){
alert('선택해주세요');
}
To select a set of associated radio buttons, you might use: $('input[name=gender]:radio')
실사용
var radiovalue = $('input[name=라디오버튼네임]:checked').val()
radio의 value값으로 선택하기
$("input[@name=rList]").filter('input[@value='+sValue+']').attr("checked", "checked");
if($("input[name=telcom]:radio:checked").length == 0){
alert('선택해주세요');
}
jQuery 를 이용하여 radio 버튼의 check된 value 알아오기
제이쿼리를 이용해서 라디오버튼중에 체크된 값 알아오는 방법
클래스 / NAME을 사용한다.
<INPUT class=radiobox type=radio value=1 name=test>test1
<INPUT class=radiobox type=radio value=2 name=test>test2
<INPUT class=radiobox type=radio value=3 name=test>test3
<INPUT class=radiobox type=radio value=4 name=test>test4
<INPUT class=radiobox type=radio value=2 name=test>test2
<INPUT class=radiobox type=radio value=3 name=test>test3
<INPUT class=radiobox type=radio value=4 name=test>test4
radio 버튼이 위와 같은 코드로 있을 때 확인버튼 클릭시 선택된 value값을 얻어와서 <div id=space></div>에
출력하려면, checkedValue 함수를 아래와 같이 하면 된다.
function checkedValue(){
var checkedVal = $(".radiobox:checked").val();
$("#space").html(checkedVal);
}
var checkedVal = $(".radiobox:checked").val();
$("#space").html(checkedVal);
}
1. 모든 radio 버튼은 같은 name, 같은 class여야 한다.
2. class 선택은 $(".CLASSNAME") 으로, id 선택은 $("#IDNAME")으로 할 수 있다.
(당연히 jquery.js는 document내에 있어야 함)
※ 참고 : http://jquery.com
출처 : http://jm2y.tistory.com/40
'프로그래밍 > JS,Jquery - Plugin' 카테고리의 다른 글
제이쿼리 월 달력 (0) | 2012.04.25 |
---|---|
자바스크립트에서 폼을 생성한 후에 POST(포스트) 전송하는 방법. (0) | 2012.04.19 |
IE7 이상에서 확인창없이 브라우저닫기 window.close(); (0) | 2012.04.04 |
window.open & showModalDialog 창에서 버튼 누르면 계속 새창뜰때 해결방법 (0) | 2012.04.04 |
웹페이지에서 F5키 막는 스크립트 (0) | 2012.04.04 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- json
- MSSQL
- WCF
- SVG
- rowspan
- 제이쿼리
- JavaScript
- jQuery Mobile
- 셀렉터
- jQuery
- grid
- WebApi
- jquery chart
- html5
- JS
- Style
- 프로시저
- IE
- workbook
- Excel
- Chart
- CSS
- drag&drop
- css3
- radius
- ASP.NET
- 저장프로시저
- 자바스크립트
- Mobile
- Ajax
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함