No.3ベストアンサー
- 回答日時:
ああ、なるほど
いろいろやりようはありますが、こんな感じじゃないですかねぇ
<script>
window.onload=function(){
document.getElementById("opt1").onclick=function(){
optgroupDisabled(this.form,true);
}
document.getElementById("opt2").onclick=function(){
optgroupDisabled(this.form,false);
}
}
function optgroupDisabled(f,flg){
var objs=f.getElementsByTagName("input");
for(var i=0;i<objs.length;i++){
if(objs[i].className=="optgroup") objs[i].disabled=flg;
}
}
</script>
<form>
<input type="radio" name="opt" id="opt1" checked><label for="opt1">標準仕様</label><br>
<input type="radio" name="opt" id="opt2"><label for="opt2">オプションをつける</label><br>
<input type="checkbox" name="hoge1" id="hoge1" class="optgroup" disabled><label for="hoge1">hoge1</label><br>
<input type="checkbox" name="hoge2" id="hoge2" class="optgroup" disabled><label for="hoge2">hoge2</label><br>
<input type="checkbox" name="hoge3" id="hoge3" class="optgroup" disabled><label for="hoge3">hoge3</label><br>
</form>
No.2
- 回答日時:
こんな感じですか?
#あまり綺麗なソースじゃないのですが(^^;
<html>
<head>
<script type="text/javascript"><!--
function changeDisable(){
var i;
var objYesno;
var objSelect;
objYesno = document.getElementsByName("yesno");
objSelect = document.getElementsByName("select");
for(i=0; i<objSelect.length; i++){
objSelect(i).disabled = !yesno(0).checked;
}
}
// --></script>
</head>
<body>
<input name="yesno" type="radio" onclick="changeDisable();" checked="checked"/>はい(複数選択可)
<br/>
<input name="select" type="checkbox"/>選択1<br/>
<input name="select" type="checkbox"/>選択2<br/>
<input name="select" type="checkbox"/>選択3<br/>
<input name="select" type="checkbox"/>選択4<br/>
<br/>
<input name="yesno" type="radio" onclick="changeDisable();"/>いいえ
</body>
</html>
この回答への補足
no.1の方の補足に追加したとおり特定のラジオボタンを押したときのみ、チェックボックスがアクティブになる方法を知りたかったのです。
解答ありがとうございました。
No.1
- 回答日時:
できますが、どのようなことをやりたいかわからないので
なんとも言えません。
普通に考えれば、ラジオボタンをチェックしてチェックボタンが
チェックされるなら、ラジオボタンをチェックするだけで、
チェックボタンをチェックする必要はありませんので。
具体例を補足してください
この回答への補足
解答有り難うございます。
説明不足で申し訳ありません。
商品の注文画面なんです。
例えば…
ーーーーーーーー
○標準仕様
○オプションをつける
□
□
□
ーーーーーーーー
こういう選択肢の場合、「オプションをつける」にチェックした場合のみチェックボックスがアクティブ(選択できる状態)になるようにしたいんです。
宜しくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスの値を変数に ...
-
チェックボックスのON/OFFでVal...
-
チェックボックスの設定
-
value内に変数を入れたい
-
onclickで2個指定するには?
-
return trueとreturn falseの用...
-
COBOLの数字チェック
-
JavaScriptでテーブルの行入れ替え
-
submitした値を返したい
-
チェックボックスにチェックが...
-
プルダウン 項目が多いので先頭...
-
フォーム内で記入したクエリ送...
-
ラジオボタンでクリックした値...
-
Selectボックスの幅を自動で広...
-
ボタン2回押しを無効にしたい
-
POST時に要素を削除してからPOST
-
Selectボックスの一覧表示方法
-
ラジオボタンの選択に応じてプ...
-
2段階プルダウンで1段階目の選...
-
二つの入力欄に、同時に同じ文...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
チェックボックスのON/OFFに応...
-
【jsp/Java】チェックボックス...
-
checkboxをクリックしてリロー...
-
チェックボックスで指定したも...
-
確認ページからフォームページ...
-
チェックボックスの設定
-
javascriptで確認ダイアログの...
-
フォームのチェックボックスの...
-
複数式のチェックボックス
-
背景色を変えて未入力チェック...
-
JQuery Mobileでチェックボック...
-
JSP内で可変するチェックボック...
-
チェックボックスが1つ以上チェ...
-
複数のチェックボックス項目が...
-
一方のチェックボックスのON/OF...
-
documentオブジェクトのlength...
-
チェックボックスの使い方
-
チェックボックスの無効化、有効化
-
Firefoxでテキストボックスから...
おすすめ情報