| 1 | <html> |
|---|
| 2 | <head> |
|---|
| 3 | <script src="jquery.min.js" type="text/javascript"></script> |
|---|
| 4 | <script type="text/javascript"> |
|---|
| 5 | function OnRadioCheck(){ |
|---|
| 6 | var checkedRadios = $("input[type='radio'][checked]"); |
|---|
| 7 | if (checkedRadios.length > 0){ |
|---|
| 8 | alert(checkedRadios[0].id); |
|---|
| 9 | } |
|---|
| 10 | var radios = $("input[type='radio']"); |
|---|
| 11 | if (radios.length > 0){ |
|---|
| 12 | alert(radios[0].id); |
|---|
| 13 | } |
|---|
| 14 | var checkedRadio = FindCheckedRadio(radios); |
|---|
| 15 | if (checkedRadio){ |
|---|
| 16 | alert(checkedRadio.id); |
|---|
| 17 | } |
|---|
| 18 | } |
|---|
| 19 | function FindCheckedRadio(radios) |
|---|
| 20 | { |
|---|
| 21 | for (i = 0; i < radios.length; i++){ |
|---|
| 22 | if (radios[i].checked){ |
|---|
| 23 | return radios[i]; |
|---|
| 24 | } |
|---|
| 25 | } |
|---|
| 26 | return null; |
|---|
| 27 | } |
|---|
| 28 | </script> |
|---|
| 29 | </head> |
|---|
| 30 | <body> |
|---|
| 31 | <input id="radio1" type='radio' name='rgTest' /><br/> |
|---|
| 32 | <input id="radio2" type='radio' name='rgTest' /><br/> |
|---|
| 33 | <input id="radio3" type='radio' name='rgTest' /><br/> |
|---|
| 34 | <input id="radio4" type='radio' name='rgTest' /><br/> |
|---|
| 35 | <input id="buttonCheck" type='submit' onclick='OnRadioCheck()' /> |
|---|
| 36 | </body> |
|---|
| 37 | </html> |
|---|
