Javascript复选框onChange

我在表单中有一个复选框，我希望它能按照以下场景工作:

如果有人检查它，文本字段(totalCost)的值应该设置为10。然后，如果我返回并取消选中它，函数calculate()将根据表单中的其他参数设置totalCost的值。

基本上，我需要这样的部分，当我选中复选框时，我做一件事，当我不选中它时，我做另一件事。

当前回答

如果你正在使用jQuery..那么我可以提出以下建议: 注意:我在这里做了一些假设

$('#my_checkbox').click(function(){
    if($(this).is(':checked')){
        $('input[name="totalCost"]').val(10);
    } else {
        calculate();
    }
});

2011-06-15 14:00:16

其他回答

如果你正在使用jQuery..那么我可以提出以下建议: 注意:我在这里做了一些假设

$('#my_checkbox').click(function(){
    if($(this).is(':checked')){
        $('input[name="totalCost"]').val(10);
    } else {
        calculate();
    }
});

2011-06-15 14:00:16

try

totalCost.value = checkbox.checked ? 10 : calculate();

函数更改(复选框){ totalCost。Value =复选框。检查?10:计算(); ｝函数compute () { 返回other.value * 2; ｝输入{显示:块} <input type=" Checkbox " onclick="change(this) "" / > 总成本:<input id="totalCost" type="number" value=5 /> Other: <input id=" Other " type="number" value=7 />

2019-04-24 18:42:39

HTML:

<input type="checkbox" onchange="handleChange(event)">

JS:

function handleChange(e) {
     const {checked} = e.target;
}

2019-12-11 10:06:52

function calc()
{
  if (document.getElementById('xxx').checked) 
  {
      document.getElementById('totalCost').value = 10;
  } else {
      calculate();
  }
}

HTML

<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>

2011-06-15 13:49:46

引用复选框的id，而不是# 将函数分配给onclick属性，而不是使用change属性

var checkbox = $("save_" + fieldName);
checkbox.onclick = function(event) {
    var checkbox = event.target;

    if (checkbox.checked) {
        //Checkbox has been checked
    } else {
        //Checkbox has been unchecked
    }
};

2015-05-21 12:31:24

Javascript复选框onChange

推荐文章

最新文章

标签