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>