こんにちは
http://oshiete1.goo.ne.jp/kotaeru.php3?q=384409
で質問されていた内容と全く同じですが、恥ずかしながらも回答が私には理解できなかったので、易しく教えて下さいませんでしょうか?
フォームのチェックボックスに駅名を入れていますが、何百件もの数になるので、自動にチェックをいれたいのです。
<INPUT TYPE="CHECKBOX" NAME="eki" VALUE="新今宮">新今宮
<INPUT TYPE="CHECKBOX" NAME="eki" VALUE="天王寺">天王寺
<INPUT TYPE="CHECKBOX" NAME="eki" VALUE="心斎橋">心斎橋
<INPUT TYPE="CHECKBOX" NAME="eki" VALUE="難波">難波
こんな感じで何百件も記述しています。
環状線全チェックをクリックしたら、環状線のみ一括選択
御堂筋線全チェックをクリックしたら御堂筋線のみ一括選択
という風にしたいです。
うまく伝わりましたでしょうか?
宜しくお願いします。
No.2ベストアンサー
- 回答日時:
以前の回答にけちをつけるわけではないですが
複数のタグに同じnameを振るのはいささか
使い勝手がわるいようなきがします。
共通の属性を持たせたい場合はclassが便利です。
<script language="javascript">
function classCheck(f,cn,flag){
for (var i=0;i<f.elements.length;i++){
if(f.elements[i].className==cn){f.elements[i].checked=flag}
}
}
</script>
<form>
<input type="checkbox" name="retasu" value="1" class="yasai">レタス<br>
<input type="checkbox" name="kyuri" value="1" class="yasai">きゅうり<br>
<input type="checkbox" name="ninjin" value="1" class="yasai">にんじん<br>
<input type="checkbox" name="ringo" value="1" class="fruit">りんご<br>
<input type="checkbox" name="mikan" value="1" class="fruit">みかん<br>
<input type="checkbox" name="budou" value="1" class="fruit">ぶどう<br>
<input type="button" value="野菜チェック" onClick="classCheck(this.form,'yasai',true)">
<input type="button" value="果物チェック" onClick="classCheck(this.form,'fruit',true)">
<input type="button" value="野菜チェックはずす" onClick="classCheck(this.form,'yasai',false)">
<input type="button" value="果物チェックはずす" onClick="classCheck(this.form,'fruit',false)">
<form>
</body>
</html>
有難うございます!
おかげで、思ってたとおりの結果になりました!
しかも、初心者の私にも大変分かりやすい説明で、無事できました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
チェックボックスの無効化、有効化
-
checkboxをクリックしてリロー...
-
フォームのチェックボックスの...
-
【jsp/Java】チェックボックス...
-
チェックボックスの未入力チェック
-
チェックボックスが複数ある場...
-
チェックボックス
-
複数のチェックボックス項目が...
-
背景色を変えて未入力チェック...
-
チェックボックスのON/OFFに応...
-
チェックボックスとラジオボタ...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
テキストボックス入力を半角英...
-
【jQuery】input nameの文字列...
-
二つの入力欄に、同時に同じ文...
-
onchangeイベントを強制的に発...
-
<input>の選択肢をプルダウンメ...
-
ボタンかリンクをクリックする...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFでVal...
-
checkboxをクリックしてリロー...
-
チェックボックスに全てチェッ...
-
JSP内で可変するチェックボック...
-
確認ページからフォームページ...
-
チェックボックスのON/OFFに応...
-
Objective-Cでチェックボックス...
-
EclipseでSpringを使用し、テー...
-
チェックボックスの設定
-
スクリプト内でチェックボック...
-
チェックボックスで合計値を計...
-
背景色を変えて未入力チェック...
-
チェックボックスのグループ化...
-
オフになっているチェックボッ...
-
checkboxの選択数制限と排他処...
-
複数のチェックボックス項目が...
-
Nameは配列で、チェックされた...
-
jquery 診断コンテンツにチェッ...
-
チェックボックスでor検索
おすすめ情報