javascript すべてのチェックボックスをON
<HTML>
<HEAD>
<META HTTP-EQUIV=”Content-Script-Type” CONTENT=”text/javascript”>
<TITLE>チェックボックスを全チェックON/OFFとする方法</TITLE>
<SCRIPT TYPE=”text/javascript”>
<!–
//――――――――――――――――――――――――――――――――――――――
// 作成者 るび～/ACCESS R http://www5e.biglobe.ne.jp/~access_r/
//――――――――――――――――――――――――――――――――――――――
var count;
function BoxChecked(check){
for(count = 0; count < document.form1.r1.length; count++){
document.form1.r1[count].checked = check; //チェックボックスをON/OFFにする
}
}
//–>
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME=”form1″>
<INPUT TYPE=”button” onClick=”BoxChecked(true);” VALUE=”全て選択”>
<INPUT TYPE=”button” onClick=”BoxChecked(false);” VALUE=”全て未選択”><BR><BR>
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”1″> 項目(1)
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”2″> 項目(2)
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”3″> 項目(3)
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”4″> 項目(4)
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”5″> 項目(5)<BR>
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”6″> 項目(6)
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”7″> 項目(7)
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”8″> 項目(8)
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”9″> 項目(9)
<INPUT TYPE=”checkbox” NAME=”r1″ VALUE=”10″> 項目(10)<BR>
</FORM>
</BODY>
</HTML>
・ソースFROM
http://www5e.biglobe.ne.jp/~access_r/hp/javascript/js_072.html
トラックバック URL :