JavaScript 函数 不使用输入标签的 onchange 属性
JavaScript function Not Working with onchange attribute of input tag
我一直在尝试从HEAD FIRST JAVASCRIPT
复制邓肯甜甜圈示例,但是函数subTotal()
永远不会由onchange事件触发,当我查看HTML参考时,我没有在提供的列表中找到任何onchange事件。
邓肯.html
<html>
<head><title>Duncan Online Donut's Service</title></head>
<script type="text/javascript">
function subTotal(){
document.write("working");
const TAXRATE = 0.095;
const DONUTRATE = 0.5;
var tax = 0;
var subTotal = 0;
var total = 0;
var cakedonut = parseInt(document.getElementById("cakedonut").value);
var glazedonut = parseInt(document.getElementById("glazedonut").value);
if(isNaN(cakedonut))
cakedonut = 0;
if(isNaN(glazedonut))
glazedounut = 0;
subTotal = (cakedonut + glazedonut)* DONUTRATE ;
tax = subTotal * TAXRATE ;
total = subTotal + tax ;
document.getElementById("subTotal").value = "$" + subTotal.toFixed(2);
document.getElementById("tax").value = "$" + tax.toFixed(2);
document.getElementById("total").value = "$" + total.toFixed(2);
}
</script>
<body>
<h1><b><i>Duncan Online Donut's Service</i></b></h1>
<form>
Name : <input id="name" type="text" name="name"/><br><br>
#no of cake donuts : <input id="cakedonut" type="text" name="cakedonut" onchange="subTotal()"/><br><br>
#no of glazed donuts : <input id="glazedonut" type="text" name="glazedonut" onchange="subTotal("/><br><br>
subTotal : <input id="subTotal" type="text" name="subTotal" /><br><br>
tax : <input id="tax" type="text" name="tax" /><br><br>
Total : <input id="total" type="text" name="total"/><br><br>
<input type="submit"/><br><br>
</form>
</body>
</html>
JSFiddle
以上是我的代码。我尝试在IE and Chrome
上运行它,但徒劳无功。提前谢谢。
问题是你已经定义了一个变量和一个同名的函数subTotal
并且变量声明覆盖了函数定义。将函数名称更改为任何表示subTotal1
它将起作用的名称。
捷信链接
更改函数名称。 不要使用subTotal();
,也不要使用document.write("working");
function subTotalnew()
{
alert('working');
}
onchange="subTotalnew()
输入后blur
工作.
oninput="subTotalnew()
输入时它会工作entering something
.
相关文章:
- 在<页眉>标签
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- iframe正在添加标签,需要删除它们
- 如何自动调整标签的高度以适应内容
- Jquery标签插件粘贴问题
- Twitter引导程序Typeahead-Id&标签
- Onchange没有'不要显示或隐藏Div
- Javascript Select OnChange没有'不要第二次工作
- Highcharts-如何在自定义格式化程序中获得默认的y轴标签格式化程序
- <的Onchange事件;td>标签
- JavaScript 函数 不使用输入标签的 onchange 属性
- 如何在动态生成的选择标签中实现onchange函数
- 更改mvc3中@Html.TextboxFor的onchange事件上标签的文本
- 如何移动onchange="form.submit()"到脚本标签中
- 动态创建标签上的两个onchange事件
- 如何使用spring表单标签在onchange事件中调用javascript函数
- JavaScript和JQuery在select标签中的onchange调用时不起作用
- 如何使用onchange函数选择标签的javascript
- 尝试使用选择标签和Onchange自定义排序列表
- 选择标签中的Onchange事件