您的位置: 首页  >  IT文章  >  jQuery-单选框取值 学习札记11

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

分类: IT文章 • 2022-10-15 00:09:43
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>

相关推荐