2016-08-02 52 views
1

只需按下「計算」按鈕即可運行簡單的功能。當輸入形式時,函數根本不會運行,最終我希望能夠在按下計算按鈕時修改其他輸入。請任何幫助!JavaScript幫助在按鈕點擊時運行基本功能

function calculate() { 
 
    alert("called"); 
 
}
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
</head> 
 
<form name="form"> 
 
    Price: 
 
    <input name="priceCAD" value="0"> 
 
    <br> 
 
    <br>Markup: 
 
    <input name="percentage" value="0"> 
 
    <br> 
 
    <br>Fiat: 
 
    <input name="fiat" value="0"> 
 
    <br> 
 
    <br>BTC: 
 
    <input name="btc" value="0" maxlength="11"> 
 
    <br> 
 
    <br> 
 

 
    <input type="button" onClick="calculate()" name="calculate" value="Caculate"> 
 
    <input type="button" name="clear" value="Clear" onClick="form.fiat.value=0, form.btc.value=0, form.markup.value=0"> 
 
</form>

回答

1

按鈕HTML只需要它:

<input type="button" onClick="calculate()" name="calculate" value="Caculate" > 

而且不要忘了在<head>插入jquery lib

+0

我在那裏留下document.calculate意外。我在哪裏插入jquery庫?在所有的例子中,我已經離開了網絡,我從來沒有見過這樣的例子。 – bgmrk

+1

在''和''之間。像這樣:

+0

進行了更改,但仍然沒有。如果我擺脫表單標籤,它調用函數沒有問題。然而,其中的2個表單標籤沒有進入該功能。 – bgmrk

0

function calculate() { 
 
    alert("called"); 
 
} 
 

 
document.getElementsByName("calculate")[0].addEventListener("click", calculate);
<form name="form"> 
 
    Price: 
 
    <input name="priceCAD" value="0"> 
 
    <br> 
 
    <br>Markup: 
 
    <input name="percentage" value="0"> 
 
    <br> 
 
    <br>Fiat: 
 
    <input name="fiat" value="0"> 
 
    <br> 
 
    <br>BTC: 
 
    <input name="btc" value="0" maxlength="11"> 
 
    <br> 
 
    <br> 
 

 
    <input type="button" name="calculate" value="Caculate"> 
 
    <input type="button" name="clear" value="Clear" onClick="form.fiat.value=0, form.btc.value=0, form.markup.value=0"> 
 
</form>