jquery 取指定class下的input checkbox選中的值
阿新 • • 發佈：2018-12-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>屬性選擇器學習</title> <scriptlanguage="JavaScript" type="text/javascript" src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script> <script language="javascript" type="text/javascript"> //使用jquery載入事件 $(document).ready(function (){ $("#btn1").click(function (){var che = [];
// 取name getElementsByName("ccq")obj = document.getElementsByClassName("c1"); console.log(obj) check_val = []; for(k in obj){ if(obj[k].checked) check_val.push(obj[k].value); } console.log(check_val)console.log($("input[class=c1]:checked").length); // alert($("input[type=checkbox]:checked").length); // $('input:checkbox:checked') 等同於 $('input[type=checkbox]:checked') // 選name 則是$("input[name=ccq]:checked")
$.each($("input[class=c1]:checked"),function(i){ // window.alert("你選了："+ // $('input[type=checkbox]:checked').length+"個，其中有："+$(this).val()); che.push($(this).val()); console.log(i); }); console.log(che); });</script> </head> <body> <form method="post" action=""> <input class="c1" name="ccq" type="checkbox" value="美女" />美女 <input class="c1" name="ccq" type="checkbox" value="美男" />美男 <input class="c1" name="ccq" type="checkbox" value="大爺" />大爺 <input class="c2" name="ccq" type="checkbox" value="大媽" />大媽 <br> <input type="radio" value="男" />男 <input type="radio" value="女" />女 <br> <select id="zhiwei" size="5" multiple="multiple"> <option>PHP開發工程師</option> <option>資料庫管理員</option> <option>系統分析師</option> <option>保安</option> </select> <select id="xueli"> <option>大專</option> <option>中專</option> <option>小學</option> </select> </form> <div style="clear:both;"> <input id="btn1" type="button" value="" /><br> </div> </body> </html>
$.each($("input[class=c1]:checked"),function(i){