1

私は完全なJavaScriptの初心者です。送信時に機能するスクリプトを、任意の場所をクリックする必要のあるスクリプトに変更するのに問題があります。これが私のスクリプトです：

ヒント ％：

<p>Split by: <input id="parties" /></p>
<p>Tip amt: <input id="tip" disabled="disabled" /></p>
<p>Total Bill: <input id="total" disabled="disabled" /></p>
<p>Each Party: <input id="each" disabled="disabled" /></p>
<p><input type="submit" /></p>


function calculate () {

var amount = $('#amount').val();
var percentage = $('#percentage').val();
var parties = $('#parties').val();

var tip = amount * (percentage / 100)
var each=tip/parties;
var total = Number(amount) + tip;

$('#tip').val( tip.toFixed(2) );
$('#total').val( total.toFixed(2) );
$('#each').val( each.toFixed(2) );

return false;}

$('#calculator').submit( calculate );

document.readyを使用してみましたが、正しく使用しなかったか、機能しませんでした。

4

1 に答える 1

2

これを変える： 

$('#calculator').submit( calculate );

これに：

$('#calculator').click( function(e){
    e.preventDefault();//you might not need this, but that is unclear
    calculate();
});

デフォルト アクションの防止に関するドキュメントについては、こちらを参照してください: http://api.jquery.com/event.preventDefault/

編集注：これがあなたの質問で不明です：

<p><input type="submit" /></p>

おそらくこれであるべきです：

<p><input id="calculator" type="submit" /></p>
于 2012-12-21T14:34:00.213 に答える