昨日の質問した下記の関連で再質問です。
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を探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスで指定したも...
-
checkboxをクリックしてリロー...
-
チェックボックスで合計値を計...
-
複数のチェックボックス項目が...
-
【jsp/Java】チェックボックス...
-
チェックが入っていなかったら...
-
checkboxの文字連結の方法を教...
-
選択したラジオボタンが画面の...
-
一つのチェックボックスのON/OF...
-
チェックボックスの使い方
-
JavaScriptで入力制御&チェッ...
-
チェックボックスのON/OFFに応...
-
if文でelseを使わずに否定
-
ハイパーリンクを別ウインドウ...
-
<input>の選択肢をプルダウンメ...
-
至急!GetElementById でtdの...
-
TextBoxに半角数字以外を入れた...
-
value内に変数を入れたい
-
<JavaScript>tableタグを入力不...
-
プルダウン 項目が多いので先頭...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
チェックボックスの設定
-
【jsp/Java】チェックボックス...
-
背景色を変えて未入力チェック...
-
フォームのチェックボックスの...
-
オフになっているチェックボッ...
-
確認ページからフォームページ...
-
EclipseでSpringを使用し、テー...
-
チェックボックス
-
チェックボックスのON/OFFに応...
-
javascriptでチェックボックス...
-
複数のチェックボックス項目が...
-
checkboxをクリックしてリロー...
-
Nameは配列で、チェックされた...
-
複数あるチェックボックスから...
-
チェックボックスが1つ以上チェ...
-
JSP内で可変するチェックボック...
-
チェックボックスを複数選択し...
-
ラジオボタンとチェックボック...
-
selectメニューによるチェック...
おすすめ情報