Javascript 单击按钮时如何运行脚本

嗨，我正在运行一个求和和乘法脚本，将一些字段输入值转换为我制作的表单。如何让此脚本在按钮单击时运行，以便用户输入新值后，可以单击“更新表单”按钮运行计算脚本并更新总和

<script>

var $form = $('#contactForm'),
    $summands = $form.find('.sum1'),
    $sumDisplay = $('#itmttl');

$form.delegate('.sum1', 'change', function ()
{
    var sum = 0;
    $summands.each(function ()
    {
        var value = Number($(this).val());
        if (!isNaN(value)) sum += value;
    });

    $sumDisplay.val(sum);
});




function multiply(one, two) {
  if(one && two){
    this.form.elements.tax.value = one * two;
  } else {
    this.style.color='blue';
  }
}

</script>

var$form=$（“#contactForm”），
$summands=$form.find（'.sum1'），
$sumDisplay=$（'itmttl'）；
$form.delegate（'.sum1'，'change'，function（）
{
var总和=0；
$summands.each（函数（）
{
var值=数字（$（this）.val（））；
如果（！isNaN（值））和+=值；
});
$sumDisplay.val（总和）；
});
函数乘法（一，二）{
如果（一和二）{
this.form.elements.tax.value=1*2；
}否则{
这个.style.color='blue'；
}
}

定义函数并将要运行的代码放入其中

var doStuff = function () {
  // do some stuff here
};

选择您的按钮并单击调用该函数。如果您使用的是

A

或

按钮

标记，您可能希望阻止默认操作，我在本例中已经包括了该操作

$('.button').on('click', function (event) {
  doStuff();
  event.preventDefault();
});

---

这假设您正在使用jQuery 1.7+。

使用“单击”将操作绑定到某些代码。。。如

$（选择器）.on（'click'，function（）{…}）//您的代码将替换省略号