javascriptでチェックボックスを一括で変更する方法

公開日: : 最終更新日:2014/08/14 JavaScript/jQuery

スポンサーリンク

チェックボックスのチェックに一つ一つチェックを入れていくのは非常に手間がかかるのでjavascriptを使って一括でチェックを入れます。ブラウザによって多少異なりますがコンソール画面を開いてスクリプトを実行させます。

FireFox・Chromeの場合は右クリック→「要素を調査・要素を検証」の「コンソール・Console」の画面を出したら下側の方にある入力欄に以下のソースをコピペしてエンターを押してください。

var es = document.getElementsByTagName("input");
for(i=0;i<es.length;i++){
	var e = es[i];
	e.checked = !e.checked;
}

1行にしたもの

var es = document.getElementsByTagName("input");for(i=0;i<es.length;i++){ var e = es[i]; e.checked = !e.checked;}

ちょっと雑ですが、これはinputタグを拾ってきて全てにチェックを入れかえるという単純なスクリプトです。これにより全てにチェックが入っている場合は全てのチェックを外し、また逆のときはチェックが入るようになります。

私はTwitterのメール通知のチェックを一括で全てはずす時に使っています。

スポンサーリンク
  • このエントリーをはてなブックマークに追加

関連記事

WordPressサイトのSSL対応(HTTPS化)手順のまとめ【さくらサーバー】

先週頃にこのサイトをSSL対応しましたのでその流れについてまとめておき

【Google Charts】動的にグラフを更新する方法

はじめに Webサイト上でグラフを描こうと思った場合、いくつかのJa

体重変化量計算シミュレータ【ダイエット/肥満】

ツール本体 入力 カロリー入力 1日の余剰摂取/消費カロリー

おサイフケータイ対応ストレージ32GBのSIMフリースマホまとめ【2017年秋版】

はじめに SIMフリーの格安スマホのおサイフケータイ機能付きのもので

リクルート期間限定ポイントの有効な使い道

はじめに  先日クレジットカードの見直し活動の一環でポイント還元率の

初心者がお金を貯めるための節約・財テク手法まとめ【ポイント還元・投資・税金対策】

はじめに  最近なるべく節約しようと思い、お金周りに関して色々調べて

動画講座を効率的にキャプチャして復習する方法

はじめに  最近、動画媒体の講座などをたまに視聴しています。独学だと

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑