Jquery input type=radio 的一些經常使用用法

• HTML代碼：

  <table width="100%" border="0" cellspacing="0" cellpadding="0" style=" margin-left:12px;">
  <tr>
  <td align="right" width="2%" ><input type="radio" name="n1" id= "n1" value="1" onclick="return f()" /></td>
  <td align="left"width="10%" >精英夏令營</td>
  <td align="right"width="2%"><input type="radio" name="n1" id= "n1" value="2" onclick="return f()" /></td>
  <td align="left" width="10%">童軍夏令營</td>
  
  <td align="right"width="2%"><input type="radio" name="n1" id= "n1" value="4"onclick="return f()" /></td>
  <td align="left"width="25%" >魔力音樂劇夏令營</td>
  </tr>
  </table>

   

• Jquery 拿值而且判斷是否選中
  

      var is_slect_n1 = $("input[type='radio'][name='n1']:checked").length;
      if(is_slect_n1){
  
      }else{
          alert('請選擇夏令營');
          return false;
      }
  
  

  $(document).on('change', 'input[name="n1"]:radio', function(){
      window.camp = $(this).val();
  });
      if (window.camp == '1') {
          window.camp = '精英夏令營';
      } else if (window.camp == '2') {
          window.camp = '童軍夏令營';
      } else if (window.camp == '4') {
          window.camp = '魔力音樂劇夏令營';
      }

   

• jquery拿option被選中的值

   <select name="age" id="kidage" class="lbk">
                <option value="6">6歲</option>
                <option value="7">7歲</option>
                <option value="8">8歲</option>
                <option value="9">9歲</option>
                <option value="10">10歲</option>
                <option value="11">11歲</option>
                <option value="12">12歲</option>
                <option value="13">13歲</option>
                <option value="14">14歲</option>
   </select>
  <script>
  var kidage =  $("#kidage").find("option:selected").text();
  </script>

   

• form表單點擊submit不跳轉
  

  <form  id="form1" name="form1"  action="" method="post" onsubmit="return check();" target="id_iframe">
  
  <iframe id="id_iframe" name="id_iframe" style="display:none;"></iframe>