javascript - JavaScript 中的多个 IF 和 ELSE IF

Question

因此，推送到此数组的内容取决于几个单选框。我有这个用于标准和轮椅座位:

if(document.getElementById('standardseat').checked) {
  //Standard seat is checked
seatsArray.push(e.posX, e.posY);
}
else if(document.getElementById('wheelchairseat').checked) {
  //Wheelchair seat is checked
seatsArray.push("Wheelchair " + e.posX, e.posY);
}

这是等效的表单代码:

<input id="standardseat" type="radio" name="seat" value="standard" /> Standard seat
<input id="wheelchairseat" type="radio" name="seat" value="wheelchair" /> Wheelchair seat

但我想添加更多单选框，它们与标准/轮椅座椅分开:

<input id="backnave" type="radio" name="area" value="backnave" /> Back Nave
<input id="frontnave" type="radio" name="area" value="frontnave" /> Front nave
<input id="middlenave" type="radio" name="area" value="middlenave" /> Middle nave

而且我希望推送也包含此内容。解释一下，如果用户勾选了“Wheelchair seat”和“Middle nave”，则推送应该输出(“MN，Wheelchair”+ e.posX，e.posY)。有没有什么方法可以实现这一点，而无需为每个可能的结果手动包含很多 else if(我什至可能想添加第三组单选框)？

谢谢!

Answer 1

我会用相对较少的 if 语句构建描述椅子的字符串，然后在最后调用 push。

所以像这样:

var desc = "";
if(document.getElementById('wheelchairseat').checked) {
  //Wheelchair seat is checked
  desc = "Wheelchair "+desc;
}

if(document.getElementById("backnave").checked) {
  desc = "BN, "+desc;
} else if(document.getElementById("middlenave").checked) {
  desc = "MN, "+desc;
} else if(document.getElementById("frontnave").checked) {
  desc = "FN, "+desc;
}

seatsArray.push(desc + e.posX, e.posY);

这可以很容易地扩展以考虑额外的 block 组。