JavaScript で Checkbox をLoopを使って取得するとき、すべての要素が選択されていない場合のメッセージの書き方について

Question

より詳細な情報
###前提・実現したいこと
JavaScriptで、フォームの要素(チェックボックス)をループを使って取得し、取得した要素の値を段落に表示させています。
すべての要素(チェックボックス)が選択されていない場合のメッセージをどこにどのように書いたらよいかわかりません。

###これならできる ○

var b = document.getElementById("btn1");
var d = document.getElementById("demo");
  
b.onclick = function () {
    var pizza = document.forms[0];
    var txt = "";
    var i;

    for (i = 0; i < pizza.length; i++) {
        if (pizza[i].checked == true) {
            txt =  txt + pizza[i].value + " ";
        }
    } 
	if(pizza[0].checked == false && pizza[1].checked==false){
		d.innerHTML = "You ordered a plain pizza " + txt;}else{
		d.innerHTML = "You ordered a pizza with: " + txt;}


};

###ループを使って同じ結果を得るには？ (×の例）

var b = document.getElementById("btn1");
var d = document.getElementById("demo");
  
b.onclick = function () {
    var pizza = document.forms[0];
    var txt = "";
    var i;

    for (i = 0; i < pizza.length; i++) {
        if (pizza[i].checked == true) {
            txt =  txt + pizza[i].value + " ";
        } else {txt = ""}
    } 
	if(txt = ""){
		d.innerHTML = "You ordered a plain pizza ";
	}else{
		d.innerHTML = "You ordered a pizza with: " + txt;
	}


};

Answer 1

チェックされていない項目の確認でしたらフラグを一つ用意して
var flg=true;
ループして
if(!pizza[i].checked) flg=false;

とすればよいでしょう

Comments

[margutta]

if(!pizza[i].checked)の書き方を教えていただきありがとうございました。
「すべてのチェックボックスがチェックされていなかったら」をこう書けばよいのかとしり、スーッとしました。また、flag も言葉だけは知っていたのですが、こういう時に登場するものなのかと、理解しました。お忙しい中お時間を割いていただき、ありがとうございまいた。

Answer 2

例えばですが、チェックマークをカウントする変数を var toppingcount = 0; のように追加して、それを if 文の中で以下のようにカウントするようにし、

if (pizza[i].checked == true) {
    txt =  txt + pizza[i].value + " ";
    toppingcount++;
}

ループを抜けたら、if (toppingcount > 0) で判定して処置を分けるというのはいかがですか？

Comments

[margutta]

カウンターを使うということをまだしたことがなかったので、教えていただいてありとうございます。迅速にご回答いただき、うれしかったです。ありがとうございました。

Answer 3

すみません。後ろから5行目の = が一つ足りませんでした。
× if(txt = "") ○ if(txt == "")
自分のアイコンの左上に初心者マークが付けられたらよいのに....

Comments

[kei344]

アイコンには付けられませんが、質問フォームのタイトル横にある初心者マークを押せば質問自体には付けられますよ。

[margutta]

ありがとうございます！次はそうしてみます　(^-^)