select a radio button with jQuery
본문
http://www.mkyong.com/jquery/how-to-select-a-radio-button-with-jquery/
<html> <head> <title>jQuery select a radio button example</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> </head> <body> <h1>jQuery select a radio button example</h1> <script type="text/javascript"> $(document).ready(function(){ $("#isSelect").click(function () { alert($('input:radio[name=sex]:checked').val()); }); $("#selectMale").click(function () { $('input:radio[name=sex]:nth(0)').attr('checked',true); //$('input:radio[name=sex]')[0].checked = true; }); $("#selectFemale").click(function () { $('input:radio[name=sex]:nth(1)').attr('checked',true); //$('input:radio[name=sex]')[1].checked = true; }); $("#selectUnknown").click(function () { $('input:radio[name=sex]:nth(2)').attr('checked',true); //$('input:radio[name=sex]')[2].checked = true; }); $("#reset").click(function () { $('input:radio[name=sex]').attr('checked',false); }); }); </script> </head><body> <input type="radio" name="sex" value="Male">Male</input> <input type="radio" name="sex" value="Female">Female</input> <input type="radio" name="sex" value="Unknown">Unknown</input> <br/> <br/> <br/> <input type='button' value='Display Selected' id='isSelect'> <input type='button' value='Select Male' id='selectMale'> <input type='button' value='Select Female' id='selectFemale'> <input type='button' value='Select Unknown' id='selectUnknown'> <input type='button' value='Reset' id='reset'> </body> </html>
[이 게시물은 듀라님에 의해 2015-04-03 10:08:13 워드프레스에서 이동 됨]
[이 게시물은 듀라님에 의해 2015-04-03 10:27:24 Public에서 이동 됨]
[이 게시물은 듀라님에 의해 2015-04-03 10:33:53 팁과강좌에서 이동 됨]
[이 게시물은 최고관리자님에 의해 2017-06-10 14:26:12 JavaScript에서 이동 됨]
0
0
페이지 정보
l2j (121.♡.101.20) 작성일12-07-07 08:47 조회2,340회 댓글0건관련링크
댓글목록
등록된 댓글이 없습니다.