javascript でチェックボックス全部にチェック!

んにちは。

早坂@magicalです。

今回はjavascriptでチェックボックス全部にチェックをつける関数を作ってみました。

DLは以下から。

使い方:

1、ここからまずはjsファイルをDLします。

2、htmlにスクリプトタグを追加しておきます。
例)
<script type=”text/javascript” src=”check.js”></script>
ついでにformタグにもIDを追加しておきます。DI名はお好きなものを。
さらについでに、「全部チェックさせたいinputタグにrel属性」をつけます。
属性値は何でもOKです。

3、追加が終わったら初期設定を行います。

先ほどDLしたjsを開くとfunctionが2個ありますので、「init()」の中身を修正していきます。

form_name => フォームタグに埋め込んだIDを記述します。
4、お茶を飲みます。

5、動けば完成です。

動作サンプルはこちらから。

getElementByIDを使いなおかつelements属性で取得しています(formの中にあるべきものなので)。