1. <script src="http://code.jquery.com/jquery-1.11.1.min.js" ></script>
   
2. 
   
3. <input type="radio" name="radio" id="radio1" value="1" />1   
   
4. <input type="radio" name="radio" id="radio2" value="2" />2   
   
5. <input type="radio" name="radio" id="radio3" value="3" />3   
   
6. <input type="radio" name="radio" id="radio4" value="4" />4   
   
7. 
   
8. <br/>
   
9. 
   
10. <input type="checkbox" name="checkbox" id="checkbox_id1" value="1" />1   
    
11. <input type="checkbox" name="checkbox" id="checkbox_id2" value="2" />2   
    
12. <input type="checkbox" name="checkbox" id="checkbox_id3" value="3" />3   
    
13. <input type="checkbox" name="checkbox" id="checkbox_id4" value="4" />4   
    
14. <input type="checkbox" name="checkbox" id="checkbox_id5" value="5" />5   
    
15. 
    
16. <br/>
    
17. 
    
18. <select name="select" id="select_id" style="width: 100px;">   
    
19.     <option value="1">1</option>   
    
20.     <option value="2">2</option>   
    
21.     <option value="3">3</option>   
    
22.     <option value="4">4</option>   
    
23.     <option value="5">5</option>   
    
24.     <option value="6">6</option>   
    
25. </select>   
    
26. 
    
27. <br/>
    
28. 
    
29. <span onclick="show()">点击</span>
    
30. 
    
31. <script>
    
32. 
    
33. function show()
    
34. {
    
35.     //jquery获取单选框的值
    
36.     alert($('input[type="radio"][name="radio"]:checked').val());
    
37. 
    
38.     //jquery循环输出选中的值
    
39.     $("input[type=checkbox][name=checkbox]:checked").each(function(){
    
40.         alert($(this).val());   
    
41.     });   
    
42. 
    
43.     //jquery获取Select选中项的Value   
    
44.     alert($("#select_id").val());
    
45. 
    
46.     //jquery获取Select选中项的Text               
    
47.     alert($("#select_id :selected").text());   
    
48. }
    
49. 
    
50. </script>
    

复制代码

1. <script src="http://code.jquery.com/jquery-1.11.1.min.js" ></script>
   
2. 
   
3. <input type="radio" name="radio" id="radio1" value="1" />1   
   
4. <input type="radio" name="radio" id="radio2" value="2" />2   
   
5. <input type="radio" name="radio" id="radio3" value="3" />3   
   
6. <input type="radio" name="radio" id="radio4" value="4" />4   
   
7. 
   
8. <br/>
   
9. 
   
10. <input type="checkbox" name="checkbox" id="checkbox_id1" value="1" />1   
    
11. <input type="checkbox" name="checkbox" id="checkbox_id2" value="2" />2   
    
12. <input type="checkbox" name="checkbox" id="checkbox_id3" value="3" />3   
    
13. <input type="checkbox" name="checkbox" id="checkbox_id4" value="4" />4   
    
14. <input type="checkbox" name="checkbox" id="checkbox_id5" value="5" />5   
    
15. 
    
16. <br/>
    
17. 
    
18. <select name="select" id="select_id" style="width: 100px;">   
    
19.     <option value="1">1</option>   
    
20.     <option value="2">2</option>   
    
21.     <option value="3">3</option>   
    
22.     <option value="4">4</option>   
    
23.     <option value="5">5</option>   
    
24.     <option value="6">6</option>   
    
25. </select>   
    
26. 
    
27. <br/>
    
28. 
    
29. <span onclick="show()">点击</span>
    
30. 
    
31. <script>
    
32. 
    
33. function show()
    
34. {
    
35.     //jquery获取单选框的值
    
36.     alert($('input[type="radio"][name="radio"]:checked').val());
    
37. 
    
38.     //jquery循环输出选中的值
    
39.     $("input[type=checkbox][name=checkbox]:checked").each(function(){
    
40.         alert($(this).val());   
    
41.     });   
    
42. 
    
43.     //jquery获取Select选中项的Value   
    
44.     alert($("#select_id").val());
    
45. 
    
46.     //jquery获取Select选中项的Text               
    
47.     alert($("#select_id :selected").text());   
    
48. }
    
49. 
    
50. </script>
    

复制代码