0 
<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*/; }

ベッド 1 が選択された場合、ヘッドボードが選択された場合は 1 つの価格セットが発行されますが、クイーンベッドなどが選択された場合は別の価格が表示されるという if then ステートメントを探しています。

4

1 に答える 1

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));
}
于 2013-04-13T02:52:36.210 に答える