javascript - 如何使用onchange事件？

Question

这是我的代码，如果我输入数量，它就会计算并显示总金额。我的问题是，如果我在流程之间更改数量，我的总金额不会改变。

怎么做onchange数量总金额必须不同

<script>	
		function valid(obj)
		{
			var frm=document.getElementById("frm");
			var qty=parseInt(document.getElementById("quantity").value);
			var price=parseInt(obj.value);
			var total=parseInt(document.getElementById("total").value);
			if(isNaN(total))
			{
				total=0;
			}
			if(obj.checked==true)
			{
				total=total+(qty*price);
				document.getElementById("total").value=total;
			}
			else
			{
				total=total-(qty*price);
				document.getElementById("total").value=total;
			}
			/*for(var i=0;i<frm.length;i++)
			{
				if(frm[i].type=="checkbox")
				{
					if(frm[i].checked==true)
					{
						total=total+(parseInt(frm[i].value)*qty);
					}
				}
			}*/
			document.getElementById("total").value=total
		}			
	</script>

<form action="abc.html" method="post" id="frm" onsubmit="return valid(this);">
	<table>
		<tr>	
			<th colspan="2">Qualification</th>
		</tr>
		<tr>
			<td><input type="checkbox" name="check_list[]" value="1000" onClick="valid(this);" /></td><td>BCA</td>
			<td><input type="checkbox" name="check_list[]" value="2000" onClick="valid(this);" /></td><td>MCA</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="check_list[]" value="1200" onClick="valid(this);" /></td><td>BBA</td>
			<td><input type="checkbox" name="check_list[]" value="1000" onClick="valid(this);" /></td><td>MBA</td>
		</tr>
		<tr>
			<td colspan="2"><input type="text" name="quantity" id="quantity" placeholder="Quantity"></td>
		</tr>
		<tr>
			<td colspan="2"><input type="text" name="total" id="total" value="" placeholder="Total"></td>
		</tr>
		<tr>
			<td colspan="2"><input type="button" onClick="valid();" name="submit" value="Send" /></td>
		</tr>
	</table>		
</form>

Answer 1

定义var isFormSubimited = false;在有效函数中设置 isFormSubimited = true。

将“onchange='onQuantityChange()'”添加到数量输入元素。

添加以下功能。

function onQuantityChange()
{
  if(isFormSubimited && $("input[type='checkbox']:checked").length > 0)
  {
    //var _form = document.getElementById('frm');
    //_form.submit();
    valid();
  } 
}