2015-07-13 70 views
6

我的表單計算出現問題。帶2個變量的Javascript計算

這是我的javascript:

function kembali() 

var total=document.getElementById('total1').value; 
var bayar=document.getElementById('bayar1').value; 
document.getElementById('kembalian1').value=bayar*total; 

這是我的HTML :

<form><table><tr> 
    <td>Total</td> 
    <td>:</td> 
    <td><input type="text" name="total" id="total1" value="50000"/></td> 
</tr> 
<tr> 
    <td>Bayar</td> 
    <td>:</td> 
    <td><input type="text" name="bayar" id="bayar1" onkeyup="kembali()" autocomplete="off"/></td> 
</tr> 
<tr> 
    <td>Kembalian</td> 
    <td>:</td> 
    <td><input type="text" name="kembalian" id="kembalian1"/></td> 
</tr></table></form> 

我使用此代碼jsfiddle.net並沒有奏效。如何解決這個問題?你可以幫我嗎?謝謝。

Here's the example

+1

看到更新的小提琴在這裏https://jsfiddle.net/92p7v2vm/1/。將你的功能包裹在頭部標記 –

+0

這不是一個有效的功能... –

+0

只是改變你的JavaScript到'不包裹頭'它會工作。 https://jsfiddle.net/92p7v2vm/2/ – Mritunjay

回答

2

需要Frameworks & Extensions下,從下拉菜單中選擇選項onLoadNo Wrap in head下來。

更新FIDDLE

jsfiddle documentation

第二個下拉是關於Code Wrap用默認設置onLoad

有4個選項可供選擇:

的onLoad:

包代碼,以便它會的onLoad窗口事件運行

onDomReady:

包裹代碼,因此它將在onDomReady窗口事件中運行

沒有包裝 - 在<head>

不換行JavaScript代碼,將其放置在<head>部分

沒有包裝 - 在<body>

不換行JavaScript代碼,將它放在<body>部分

+0

您錯過了無包裹的頭部和身體部分,沒有換 - :不包裝的JavaScript代碼,將其放在部分沒有換行:不包裝JavaScript代碼,將它放在部分可以編輯您的答案是這樣嗎? –

+0

@ThirumalSakthivel檢查更新的答案..由於<>'標記隱藏在答案..它現在更新..謝謝 –

+0

超級@Nishit Maheta –