当前位置: 代码迷 >> Web前端 >> jQuery-单选框取值 学习札记11
  详细解决方案

jQuery-单选框取值 学习札记11

热度:145   发布时间:2012-11-25 11:44:31.0
jQuery-单选框取值 学习笔记11

程序如下:

  1. <!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html?xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
  5. <title>无标题文档</title>
  6. <script?src="jquery-1.2.6.min.js"?type="text/javascript"></script>
  7. <script?type="text/javascript">
  8. /*方法一:
  9. $(function(){
  10. ????$("#form1").submit(function(){
  11. ?????????if($("#form1?input:checked")){
  12. ????????????alert($("#form1?input:checked").val());
  13. ???????}
  14. ???????????return?false;?//不提交
  15. ??});
  16. });
  17. */
  18. //方法二,实际开发中用
  19. $(function(){
  20. ????$("#form1").submit(function(){
  21. ????????if($("input[type=radio]:checked")){
  22. ????????//if($("input[name=items]:checked")){
  23. ????????????alert($("input[name=items]:checked").val());
  24. ????????}
  25. ????????return?false;
  26. ????})
  27. })
  28. </script>
  29. </head>
  30. <body>
  31. <form?id="form1">
  32. ????????<input?type="radio"?name="items"?id="item1"?value="a"/>A
  33. ????????<br/>
  34. ????????<input?type="radio"?name="items"?id="item2"?value="b"/>B
  35. ????????<br/>
  36. ????????<input?type="radio"?name="items"?id="item3"?value="c"/>C
  37. ????????<br/>
  38. ????????<input?type="radio"?name="items"?id="item4"?value="d"/>D
  39. ????????<br/>
  40. ????????<input?type="radio"?name="items"?id="item5"?value="e"/>E
  41. ????????<br/>
  42. ????????<input?type="radio"?name="items"?id="item6"?value="f"/>F
  43. ????????<br/>
  44. ????????<input?type="radio"?name="items"?id="item7"?value="g"/>G
  45. ????????<br/>
  46. ????????<input?type="radio"?name="items"?id="item8"?value="h"/>H
  47. ????????<br/>
  48. ????????<input?type="submit"?id="btn1">
  49. ????</form>
  50. </body>
  51. </html>
  相关解决方案