javascript - 将 javascript 按钮更改为在任何地方单击

Question

我是一个十足的 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，要么我没有正确使用它，要么它不起作用。

Answer 1

改变这个:

$('#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>