如果语句允许我有第四个选择的价格是基于a b或c的选择

Question

<input type="checkbox" name="KingBed" id="KingBed" />
<input type="checkbox" name="queenbed" id="queenbed" />
<input type="checkbox" name="FullBed" id="FullBed" />
<input type="checkbox" name="headboard" id="headboard" />

check = document.getElementById("headboard").checked;
if(check) { maxTotal += 25 /*PRICE*/; minTotal += 17/*PRICE*/; }

我正在寻找一个if then语句，如果选择bed1，那么当选择headboard时，它将发布一组价格，但如果选择queenbed等，它将列出另一个价格。

Answer 1

我觉得你应该换个方向:

<div>
    <h1>Buy a new bed now!</h1>
    <p>
        <label for="size">Size</label><br />
        <select id="size">
            <option value="twin">Twin</option>
            <option value="full">Full</option>
            <option value="queen">Queen</option>
            <option value="king">King</option>
        </select>
    </p>
    <p>
        <label for="headBoard">Head Board</label><br />
        <select id="headBoard">
            <option value="none">None</option>
            <option value="modelA">Model A</option>
            <option value="modelB">Model B</option>
            <option value="modelC">Model C</option>
        </select>
    </p>
    <p>
        <input type="button" onclick="buy()" value="Buy!" />
    </p>
</div>

然后包含以下JavaScript

var pricing = {
    size: {
        twin: 100,
        full: 200,
        queen: 300,
        king: 400
    },
    headBoard: {
        none: 0,
        modelA: 100,
        modelB: 200,
        modelC: 300
    }
};
function buy() {
    var sizeSelection = document.getElementById("size").value,
        headBoardSelection = document.getElementById("headBoard").value,
        sizePrice = pricing.size[sizeSelection],
        headBoardPrice = pricing.headBoard[headBoardSelection],
        grandTotal = sizePrice + headBoardPrice;
    alert("Grand Total: $" + grandTotal.toFixed(2));
}