昨日の質問した下記の関連で再質問です。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1765687
親1に対し、子1~4と、合計5つのチェックボックスがあり、
親のチェックOFF ⇒ 子1~4をdisableに、
子のチェックON ⇒ 子1~4をactive としたいのですが、
#4さんのご回答を適用すると、上記5つのチェックボックス以外も
全てdisableの対象になってしまいます。
他方、自分の元質問のソースを改造しようとも思いましたが、
子1~4のname属性が全て違う名前のため、そのままでは使えません。
ついでに(些細なことですが)
子1~4の全てがONにされた時に、親がOFFなら自動でONにしたいです。
テンプレートは下記ですが、よろしくお願い致します。
<html>
<head>
<script language="javascript" type="text/javascript">
// ■■■■
</script>
</head>
<body>
<form id="query" name="query">
<input type="checkbox" name="oya" value="1" checked>親
<input type="checkbox" name="ko1" id="ko1" value="1" checked>子1
<input type="checkbox" name="ko2" id="ko2" value="1" checked>子2
<input type="checkbox" name="ko3" id="ko3" value="1" checked>子3
<input type="checkbox" name="ko4" id="ko4" value="1" checked>子4
</form>
</body>
</html>
No.2ベストアンサー
- 回答日時:
ソースによっては nameがko+nで1から連番になっているとかだったら単純にループで回せるかも。
------------------------------------------------------
<html>
<head>
<script language="javascript" type="text/javascript">
function autochk(p,name){
var f = p.form;
var el;
for(var prop in f){
if(prop.toString().substr(0,2)==name){//名前がname('ko')で始まるもの
el=f.elements[prop];
if(el.type=="checkbox"){//このチェックは省略してもいいかも
el.disabled = !p.checked;
}
}
}
}
</script>
</head>
<body>
<form id="query" name="query">
<input type="checkbox" name="oya" value="1" checked checked onclick="autochk(this,'ko');">親
<input type="checkbox" name="ko1" id="ko1" value="1" checked>子1
<input type="checkbox" name="ko2" id="ko2" value="1" checked>子2
<input type="checkbox" name="ko3" id="ko3" value="1" checked>子3
<input type="checkbox" name="ko4" id="ko4" value="1" checked>子4
<input type="text" name="other" value="その他">
</form>
</body>
</html>
BLUEPIXYさん、再々のレスありがとうございます。
動作確認させていただきましたが
実にいい感じです。
name('ko')で始める件については問題ありませんので
そのように調整いたします。
No.3
- 回答日時:
idよりはこの場合はclassの方が使いやすくない
ですか?
<html>
<head>
<script language="javascript" type="text/javascript">
function autochk(f){
for(var i=0;i<f.form.length;i++){
if (f.form.elements[i].className=="ko"){f.form.elements[i].disabled = !f.checked;}
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="oya" value="1" checked onclick="autochk(this);">親
<input type="checkbox" name="ko1" class="ko" value="1" checked>子1
<input type="checkbox" name="ko2" class="ko" value="1" checked>子2
<input type="checkbox" name="ko3" class="ko" value="1" checked>子3
<input type="checkbox" name="ko4" class="ko" value="1" checked>子4
<input type="checkbox" name="other" value="1" checked>他
</form>
</body>
</html>
yambejpさん、いつもありがとうございます。
動作はすこぶる快適です。
おかげさまで大変助かりました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
一つのチェックボックスのON/OF...
-
HTML内外におけるチェックボッ...
-
正規表現で複数マッチ条件で悩...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
javascriptで画像の移動
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
-
テキストフィールドに入力した...
-
フォームから入力すると、入力...
-
JSのボタンを複数う使うには
-
空のテーブルを表示させたい
-
【jQuery】tableループ内のIDの...
-
リンクの追加
-
COBOLの数字チェック
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFでVal...
-
チェックボックスのON/OFFに応...
-
複数のチェックボックス項目が...
-
checkboxをクリックしてリロー...
-
チェックボックスの設定
-
チェックボックスで指定したも...
-
フォームのチェックボックスの...
-
チェックボックス
-
配列のチェックボックスをjavas...
-
一つのチェックボックスのON/OF...
-
チェックボックスが複数ある場...
-
スクリプト内でチェックボック...
-
特定のID(またはクラス)で括ら...
-
チェックボックスに連動するテ...
-
<input type="checkbox" checke...
-
チェックボックスに全てチェッ...
-
Nameは配列で、チェックされた...
-
EclipseでSpringを使用し、テー...
-
チェックボックスとラジオボタ...
おすすめ情報