<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><html> <br><head> 🎜><title> <br>チェックボックステスト<br></title> <br><script type='text/javascript' src='jquery-1.8.2.min.js'></スクリプト> <br><br><script type="text/javascript"> <br>$(document).ready(function(){ <br>$("#all").change(function() { <br>//alert($("#all").val()); //チェックボックスの値を取得します<br>//alert($("#all").get(0).checked) ; //value true と false の場合 <br>if($("#all").get(0).checked){ //dom オブジェクトのプロパティを使用して jquery オブジェクトを dom オブジェクトに変換します <br>$ (":checkbox" ).attr({ <br>//checked: 'checked' は次の文に置き換えることができます <br>"checked":true <br>}); //$(":checkbox ").removeAttr('checked'); は次の文に置き換えることができます <br>$(":checkbox").attr({ <br>"checked":false <br>} ); <br>} <br> //配列を操作する最初の方法<br>/* //each(function()) function<br>var arr=new Array(); //一般的な処理はチェックボックス内の値は配列で表され、background<br> var i=0; <br>$(":checkbox").each(function(index){ <br>if($(this).val) ()=="1"){ <br>return <br>} <br>arr[i]=$(this).val(); <br>alert(i " が前にあり、その後に添字が続きますthe value" arr[i ]); //チェックボックスの値を取得します<br>} ); */ <br>//配列を操作する 2 番目のメソッド <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>alert(arr[ j]); <br>} <br>var str=arr.join(", "); //配列を使用して文字列に連結します。 <br>alert(str); //文字列を出力します。 }); <br><br>< /script> <br><br><入力タイプ='チェックボックス' ='all' value='1' />すべて選択<br /> <br><input type='checkbox' id='all1' value='2' />num1<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></body> </html> <br><br></arr.length> </div>
