1 以下為使用JQuery獲取input checkbox被選中的值代碼: 2 3 <html> 4 <head> 5 <meta charset="gbk"> 6 <!-- 引入JQuery --> 7 <script src="jquery-1.3.1.js" type="text/javascript"></script> 8 </head> 9 10 <body> 11 <input type="checkbox" value="橘子" name="check">橘子1</input> 12 <input type="checkbox" value="香蕉" name="check">香蕉1</input> 13 <input type="checkbox" value="西瓜" name="check">西瓜1</input> 14 <input type="checkbox" value="芒果" name="check">芒果1</input> 15 <input type="checkbox" value="葡萄" name="check">葡萄1</input> 16 17 <input type="button" value="方法1" id="b1"> 18 <input type="button" value="方法2" id="b2"> 19 20 21 </body> 22 23 <script> 24 //方法1 25 $("#b1").click(function(){ 26 //$('input:checkbox:checked') 等同於 $('input[type=checkbox]:checked') 27 //意思是選擇被選中的checkbox 28 $.each($('input:checkbox:checked'),function(){ 29 window.alert("你選了："+ 30 $('input[type=checkbox]:checked').length+"個，其中有："+$(this).val()); 31 }); 32 }); 33 34 //方法2 35 $("#b2").click(function(){ 36 $.each($('input:checkbox'),function(){ 37 if(this.checked){ 38 window.alert("你選了："+ 39 $('input[type=checkbox]:checked').length+"個，其中有："+$(this).val()); 40 } 41 }); 42 }); 43 </script> 44 </html>