より詳細な情報
###前提・実現したいこと
JavaScriptで、フォームの要素(チェックボックス)をループを使って取得し、取得した要素の値を段落に表示させています。
すべての要素(チェックボックス)が選択されていない場合のメッセージをどこにどのように書いたらよいかわかりません。
###これならできる ○
JavaScript
1var b = document.getElementById("btn1"); 2var d = document.getElementById("demo"); 3 4b.onclick = function () { 5 var pizza = document.forms[0]; 6 var txt = ""; 7 var i; 8 9 for (i = 0; i < pizza.length; i++) { 10 if (pizza[i].checked == true) { 11 txt = txt + pizza[i].value + " "; 12 } 13 } 14 if(pizza[0].checked == false && pizza[1].checked==false){ 15 d.innerHTML = "You ordered a plain pizza " + txt;}else{ 16 d.innerHTML = "You ordered a pizza with: " + txt;} 17 18 19};
###ループを使って同じ結果を得るには? (×の例)
JavaScript
1var b = document.getElementById("btn1"); 2var d = document.getElementById("demo"); 3 4b.onclick = function () { 5 var pizza = document.forms[0]; 6 var txt = ""; 7 var i; 8 9 for (i = 0; i < pizza.length; i++) { 10 if (pizza[i].checked == true) { 11 txt = txt + pizza[i].value + " "; 12 } else {txt = ""} 13 } 14 if(txt = ""){ 15 d.innerHTML = "You ordered a plain pizza "; 16 }else{ 17 d.innerHTML = "You ordered a pizza with: " + txt; 18 } 19 20 21}; 22
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/10/11 02:15