<div class="codetitle"> <span><a style="CURSOR: pointer" data="62009" class="copybut" id="copybut62009" onclick="doCopy('code62009')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code62009"> <br> <br> <br><title> <br>checkbox測試<br> </title> <br><script type="text/javascript" src="jquery-1.8.2.min.js"></script> <br><br><script type="text/javascript"> <BR>$(document).ready(function(){ <BR>$("#all").change(function() { <BR>//alert($("# all").val()); //取得checkbox的值<BR>// alert($("#all").get(0).checked); //值為true 和false <BR>if( $("#all").get(0).checked){ //將jquery物件轉換為dom物件使用的是dom物件的屬性<BR>$(":checkbox").attr({ <BR>/ /checked: 'checked' 可以和下面一句替換<BR>"checked":true <BR>}); <BR>}else{ <BR>//$(":checkbox").removeAttr('checked') ; 可以和下面一句替換<BR>$(":checkbox").attr({ <BR>"checked":false <BR>}); <BR>} <BR>//第一種操作數組方法<BR>/* //each(function()) 函數<BR>var arr=new Array(); //一般處理是checkbox中值用數組表示傳遞到後台<BR>var i=0; <BR>$ (":checkbox").each(function(index){ <BR>if($(this).val()=="1"){ <BR>return true; <BR>} <BR>arr[i ]=$(this).val(); <BR>alert(i "前面是下標後面是值" arr[i ]); //取得checkbox 值<BR>}); */ <BR>//第二種操作陣列方法<BR>var arr= new Array(); <BR>$(":checkbox").each(function(index){ <BR>if($(this).val()!= "1"){ <BR>arr.push($(this).val()); <BR>} <br><br>}); <BR>//組個輸出陣列值<BR>for( var j=0;j<arr.length;j ){ <BR>alert(arr[j]); <BR>} <BR>var str=arr.join(","); //將陣列用，好連接成為字串<BR>alert(str); //輸出字串<BR>}); <br><br>}); <br><br></script> <br> <br> <br><input type="checkbox" id="all" value="1">全選<br> <br><input type="checkbox" id="all1" value="2">num1<br> <br><input type="checkbox" id="all2" value="3">num2<br> <br><input type="checkbox" id="all3" value="4">num3<br> <br><input type="checkbox" id="all5" value="5">num4<br> <br> <br> <br> </div>
