昨日の質問した下記の関連で再質問です。
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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
複数式のチェックボックス
-
EclipseでSpringを使用し、テー...
-
JSP内で可変するチェックボック...
-
一方のチェックボックスのON/OF...
-
for文での書き方教えてください
-
チェックボックスの未入力チェック
-
ラジオボタンを選択でチェック...
-
return trueとreturn falseの用...
-
チェックボックス付きのテーブ...
-
1つのページにformを2つ設置。2...
-
クリックさせたいが、click()が...
-
プルダウン選択を変更すると、...
-
新しくフォルダを作成したい
-
onClickとsubmitの処理順序
-
ラジオボタンと連動して文字列...
-
javascriptで二重送信防止
-
jQueryで設定したイベントハン...
-
マイナスなら赤字で表示したい...
-
確認ダイアログの出し方(JavaS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFに応...
-
checkboxをクリックしてリロー...
-
チェックボックスの設定
-
チェックボックスで指定したも...
-
スクリプト内でチェックボック...
-
確認ページからフォームページ...
-
複数のチェックボックス項目が...
-
クリアボタンの動作について
-
フォームのチェックボックスの...
-
チェックボックスとラジオボタ...
-
javascriptでチェックボックス...
-
チェックボックスで合計値を計...
-
チェックボックスを利用した表...
-
checkboxの文字連結の方法を教...
-
JSP内で可変するチェックボック...
-
JavaScriptからの戻り値
-
一つのチェックボックスのON/OF...
-
背景色を変えて未入力チェック...
おすすめ情報