Question

我是一个完整的javascript noob。我无法将我所拥有的脚本（即提交功能）更改为我想要的脚本，可以点击任意位置。这是我的剧本：

提示％：

<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>

更改javascript按钮以在任何地方点击

1 个答案: