单击按钮时如何运行脚本答案

【问题标题】：How to run script when a button is clicked单击按钮时如何运行脚本
【发布时间】：2023-03-09 01:59:01
【问题描述】：

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

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

【问题讨论】：

使用 'on click' 将操作绑定到某些代码...如 $(selector).on('click', function(){...}); // 您的代码替换省略号

标签： javascript jquery forms button execute

【解决方案1】：

定义一个函数并将你想运行的代码放入其中。

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

选择您的按钮并在点击时调用该函数。如果您使用 A 或 BUTTON 标记，您可能希望阻止默认操作，我已在此示例中包含该操作。

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

这假设您使用的是 jQuery 1.7+。

【讨论】：