こんにちわ。
先日下記の質問をさせていただき、yambejp様よりお答えを頂いきました。
直ぐに旨く行き大変助かりました。
http://oshiete.goo.ne.jp/qa/8844785.html
ただ、もう一つ可能でしたら最初にある全選択可能な食べ物をなくして、
いきなり制限付きの生き物から始められるようにすることは出来るのでしょうか?
食べ物のような大枠を無くして、生き物、果物、穀物のような小枠のみで構成できたらと考えております。
可能でしたらどなたかご教授頂けると助かります。
何卒よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
食べ物をはずして、ロード時にchangeFuncを実行してみては?
<script>
window.onload=function(){
changeFunc(document.getElementById("genre"));
}
function changeFunc(obj){
var v=obj.value;
var f=obj.form;
var food={
"grain":["rice","soba"]
,"fruit":["apple","orange"]
,"meat":["pork","fish"]
,"hot":["rice","soba","pork","fish"]
,"cold":["apple","orange"]
,"red":["apple","pork"]
};
for(var i=0;i<f.length;i++){
if(f[i].type=="checkbox"){
f[i].checked=false;
if(v=="") f[i].disabled=false;
else f[i].disabled=true;
}
}
if(typeof food[v] =="undefined") return false;
for(var j in food[v]){
for(var i=0;i<f.length;i++){
if(f[i].type=="checkbox"){
if(f[i].id==food[v][j] ) f[i].disabled=false;
}
}
}
}
</script>
<form>
<select name="genre" id="genre" onChange="changeFunc(this)">
<option value="meat">生き物</option>
<option value="fruit">果物</option>
<option value="grain">穀物</option>
<option value="hot">温かい</option>
<option value="cold">冷たい</option>
<option value="red">赤い</option>
</select><br>
<input type="checkbox" value="お米" id="rice">お米<br>
<input type="checkbox" value="りんご" id="apple">りんご<br>
<input type="checkbox" value="みかん" id="orange">みかん<br>
<input type="checkbox" value="さかな" id="fish">さかな<br>
<input type="checkbox" value="豚肉" id="pork">豚肉<br>
<input type="checkbox" value="そば" id="soba">そば<br>
</form>
yambejpさま
早速のご返答ありがとうございます!
最高です!旨くいきました。
ほんと何度も済みませんでした、おかげで助かりました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ヨーロッパ イギリス在住の方へ。機内預けの荷物について 3 2023/03/09 14:18
- ダイエット・食事制限 ダイエットと体力のリハビリについて。 4 2022/05/29 04:40
- 環境・エネルギー資源 SDGsの本質は人間の完全管理!異論ありますでしょうか? 6 2022/12/07 10:16
- 宇宙科学・天文学・天気 AIが答えた方程式 1 2023/02/20 00:12
- その他(病気・怪我・症状) 私(女)は、今月の3月26日に、面識がない男性にキスをされました。 今月の3月28日から、下記の症状 2 2022/03/29 02:13
- その他(病気・怪我・症状) 私(女)は、今月の3月26日に、面識がない男性にキスをされました。 今月の3月28日から、下記の症状 10 2022/03/29 02:17
- その他(パソコン・スマホ・電化製品) エクセル初心者です。 仕事でエクセルを使っていて、普段は素人でもできる簡単な関数を使ったことがある程 1 2022/05/25 11:17
- 簿記検定・漢字検定・秘書検定 簿記一級を取るべきかわからず困っています。 簿記一級とその他学外活動の各コストパフォーマンス(費用対 3 2022/08/21 20:16
- 食べ物・食材 嫌いな食べ物の克服方法 6 2022/04/22 22:14
- 婦人科の病気・生理 大豆類で生理を遅らせることは可能ですか? 2 2022/04/21 19:00
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで<select>の<option...
-
select内を書き換えることは出...
-
selectを変更不可にしたい
-
select要素のvalueを配列で取得...
-
全てのselect要素をデフォルト...
-
プルダウンのoptionの表示・非...
-
javascriptでセレクトボックス...
-
連想配列を使ってコンボボック...
-
selectボックスの選択結果を変...
-
<input>の選択肢をプルダウンメ...
-
セレクトボックスで配列を呼び...
-
二つのセレクトボックス間での...
-
jqueryでセレクトメニュー+スク...
-
プルダウンを選択していないと...
-
プルダウンの値によって活性・...
-
select option value が IE だ...
-
addclassがうまく働きません
-
プルダウンで選択したCGIを動か...
-
セレクトボックスで選択した内...
-
Selectボックスの要素入力を省...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
selectを変更不可にしたい
-
javascriptでセレクトボックス...
-
全てのselect要素をデフォルト...
-
Selectボックスの一覧表示方法
-
リストボックス内の重複したも...
-
プルダウンの値によって活性・...
-
VBScriptでHTMLのセレクトボッ...
-
JavaScriptで<select>の<option...
-
セレクトボックスで配列を呼び...
-
ラジオボタンとプルダウンを連...
-
selectを使った計算
-
select要素のvalueを配列で取得...
-
<input>の選択肢をプルダウンメ...
-
javascriptでoptionタグを削除...
-
今日の日付を自動的にセレクト...
-
検索窓とプルダウンメニュー機...
-
【javascript】連想配列からセ...
-
selectボックスの選択結果を変...
-
同じ名前のセレクトがある場合...
おすすめ情報