アイテム A、B、C、D を含む単純なページを作成しようとしています。それぞれの下にある [カートに追加] をクリックすると、現在の合計が表示されます。A と B がクリックされた場合、合計はそれらを合計する必要があります。A を 2 回押すと、それが追加されます。
私の質問は、ボタンをどのように実行するのが最善で、どの Javascript をそれに付随させるべきかということです。これらは「カートに追加」ボタンの画像を含むハイパーリンクにする必要がありますか? それとも、< Input type="button" > 項目である必要がありますか?
助けてくれてありがとう！
チェックボックスで完全に機能するコードは次のとおりです...「カートに追加」ボタンの画像で機能するように変更したいだけです。
<script type="text/javascript">
function TotalCheckedValues() {
var total = 0;
if(document.getElementById("F2").a.checked == true) { total += parseFloat(document.getElementById("F2").a.value); }
if(document.getElementById("F2").b.checked == true) { total += parseFloat(document.getElementById("F2").b.value); }
if(document.getElementById("F2").c.checked == true) { total += parseFloat(document.getElementById("F2").c.value); }
if(document.getElementById("F2").d.checked == true) { total += parseFloat(document.getElementById("F2").d.value); }
var ts = new String(total);
if(ts.indexOf('.') < 0) { ts += '.00'; }
if(ts.indexOf('.') == (ts.length - 2)) { ts += '0'; }
document.getElementById("F2").T.value = ts;
document.getElementById("F3").innerHTML = ts;
}
</script>
<form id="F2" onsubmit="return false;">
Which do you want?<br />
<input name="a" onclick="TotalCheckedValues()" type="checkbox" value="10" />New (10.00)<br />
<input name="b" onclick="TotalCheckedValues()" type="checkbox" value="0" />Broken (Free)<br />
<input name="c" onclick="TotalCheckedValues()" type="checkbox" value="55" />Antique (55.00)<br />
<input name="d" onclick="TotalCheckedValues()" type="checkbox" value="4.95" />Refurbished (4.95)<br />
Total: <input name="T" readonly="readonly" size="5" type="text" /><br />
<input onclick="TotalCheckedValues()" type="button" value="Click" /> </form>