2014-10-19 112 views
0

這裏是我的目錄代碼。希望顯示覆選框的值乘以下拉列表的值並將產品輸出到。只需使用html和javascript代碼即可。如何在數字框中顯示覆選框和下拉列表的產品

<table align=center border=1> 
<tr colspan=3> 
<td colspan=3><h2>Specialty Cakes</h2></td> 
</tr> 
<tr> 
<td><img src=special\blackforest_small.jpg valign=center-right><br><center>Black Forest</td> 
<td>Chocolate sponge layered with sugar syrup and Kirsch flavouring, white mousse and dark sweet cherries.</td> 
<td><input type="checkbox" id="check1" name="check1" value="550.00"onclick="product1()">Buy P550.00</input><br><input type="number" id="total1" name="total1" value="P0.00"size="8"></input><br> 
QTY: <select id="qty1" name="qty1" onchange="product1()"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
<option value="9">9</option> 
</select> 
</td> 
</tr> 

</table> 
<script> 
var m = document.getElementById("check1").checked; 
function product1(){ 
var x = document.getElementById("check1").value; 
var y = document.getElementById("qty1").value; 
var z = 0; 
if (m = true){ 
z = "P" + x * y; 
} 
document.getElementById("total1").value = z; 
} 
</script> 

回答

1

你有ID共1作爲一種=號碼輸入你 - 但你分配給它P0.00的文本值更改其類型爲文本,它會工作,或給它一個數值。

+0

它的工作原理......感謝@Symeon的建議。沒有注意到一個。 – Crazy1923 2014-10-19 08:07:42

+0

如果我取消選中該複選框,我是否也可以諮詢如何將total1恢復爲「P0.00」值?即使它沒有被選中,如果我改變了qty1 total1仍然計算產品 – Crazy1923 2014-10-19 08:52:26

+0

你的腳本中有幾處錯誤 - 我在這裏做了一個jsfiddle.net/5gfkLd8v/來顯示它的工作 – 2014-10-20 12:22:17

相關問題