单击按钮时如何运行脚本

Question

嗨，我正在为我制作的表单的某些字段输入值运行求和和乘法脚本。 如何使此脚本在单击按钮时运行，以便用户输入新值后，他们可以单击更新表单按钮来运行计算脚本并更新总和。

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

Answer 1

定义一个函数，然后将要运行的代码放入其中。

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

选择您的按钮并在单击时调用该函数。 如果您使用的是A或BUTTON标签，则可能要阻止默认操作，此示例中已包含该默认操作。

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

假设您使用的是jQuery 1.7+。