单击按钮时如何运行脚本

时间:2014-11-28 01:19:58

标签: javascript jquery forms button execute

您好我正在运行一个字段输入值的求和和乘法脚本到我制作的表单。如何在单击按钮时运行此脚本,以便在用户输入新值后,可以单击更新表单按钮以运行计算脚本并更新总和。

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

1 个答案:

答案 0 :(得分:0)

定义一个函数并将要运行的代码放在其中。

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

选择您的按钮并在点击时调用该功能。如果您使用的是ABUTTON标记,则可能需要阻止我在此示例中包含的默认操作。

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

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