BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
JavaScript
>
チェックボックスを全チェックON/OFFとする方法
■説明
チェックボックスを全てチェックしたり全てチェックをはずすことが出来ます。チェックボックスの項目が多い場合には重宝するかもしれませんね。
■ソース
<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>
■実行例
項目(1)
項目(2)
項目(3)
項目(4)
項目(5)
項目(6)
項目(7)
項目(8)
項目(9)
項目(10)
■対応ブラウザ
チェックボックスを全チェックON/OFFとする方法
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
N7
O6
●
●
●
●
●
●
●
●
●
●
[
ホーム
] [
JavaScript
] [
↑ページ最上部へ戻る
]
広告収入で収入アップ!!
あなたのホームページ・メールマガジンに広告を載せてみませんか?成功報酬型で広告費を支払うエーハチネットがおすすめ。私はこれで
月に5万円を稼いでいます!!
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby