有两个文本字段,它们都将以nuber作为输入。他们是: 1)内容的数量 2)单词数量
分别提供用于收集此值的输入框。
<input type="text" id="A1" data-msg-required="Please enter the subject." maxlength="100" class="form-control" name="ncontent" id="subject">
<input type="text" id="B1" onchange="valueCalculate()" data-format="0" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control" name="nword" id="subject">
取决于第一个文本框,第三个文本框的值将被更改。 (这是隐藏的)
<input type="hidden" id="C1" data-format="$ 0,0[.]00" maxlength="100" class="form-control" name="" id="subject">
我写的脚本是:
<script>
function valueCalculate() {
var contentNum = document.getElementById("A1").value;
alert(contentNum);
var noOfWords = document.getElementById("B1").value;
alert(noOfWords);
var rate = document.getElementById("C1");
rate.value = 0;
if (contentNum < 5) {
rate.value = 0.03;
} else if (contentNum > 4 && contentNum < 15) {
rate.value = 0.027;
} else if (contentNum > 14 && contentNum < 26) {
rate.value = 0.024;
} else {
rate.value = 0.020;
}
alert(rate.value);
var final = contentNum * numOfWords * rate.value;
}
</script>
此后,根据第三个隐藏文本框的值,第四个文本框的值将是可见的,不会隐藏但禁用。对于第三个方框的固定值,该部分有效,所以我在这里没有提到那个部分。任何有关设置第三个文本框值的帮助都会非常值得注意。
N.B。:脚本的所有警报都准确显示值。
答案 0 :(得分:0)
我猜这是你要做的事情?
window.onload = function(){
var A1 = document.getElementById("A1");
//var B1 = document.getElementById("B1");
A1.addEventListener("keyup", valueCalculate);
}