jQuery操作radio、checkbox、select樣本

標籤：style   java   color   io   cti   div   javascript   line   

<script src= "../jquery-1.11.1.min.js" ></script>//引入jQuery外掛程式   <input type= "radio" name= "radio" id= "radio1" value= "1" />1    <input type= "radio" name= "radio" id= "radio2" value= "2" />2    <input type= "radio" name= "radio" id= "radio3" value= "3" />3    <input type= "radio" name= "radio" id= "radio4" value= "4" />4     <br/>   <input type= "checkbox" name= "checkbox" id= "checkbox_id1" value= "1" />1    <input type= "checkbox" name= "checkbox" id= "checkbox_id2" value= "2" />2    <input type= "checkbox" name= "checkbox" id= "checkbox_id3" value= "3" />3    <input type= "checkbox" name= "checkbox" id= "checkbox_id4" value= "4" />4    <input type= "checkbox" name= "checkbox" id= "checkbox_id5" value= "5" />5      <br/>   <select name= "select" id= "select_id" style= "width: 100px;" >         <option value= "1" >1</option>         <option value= "2" >2</option>         <option value= "3" >3</option>         <option value= "4" >4</option>         <option value= "5" >5</option>         <option value= "6" >6</option>    </select>     <br/>   <span onclick= "show()" >點擊</span>   <script  type="text/javascript">   function show() {      //jquery擷取單選框的值      alert($( ‘input[type="radio"][name="radio"]:checked‘ ).val());        //jquery迴圈輸出選中的值      $( "input[type=checkbox][name=checkbox]:checked" ).each( function (){          alert($( this ).val());         });           //jquery擷取Select選中項的Value         alert($( "#select_id" ).val());        //jquery擷取Select選中項的Text                    alert($( "#select_id :selected" ).text());    }   </script>