Question

我有一个问题。当我选中复选框时，系统工作正常，总值更改，但是一旦我修改文本输入，它就会更改为0.我需要将此文本框输入排除在更改值之外。

这是html：

       <input type="checkbox" id="15000"/>$15000<br/>
       <input type="checkbox" id="9400"/>$9400<br/>
       <label>Quantity</label><input class="text" type="text" maxlength="3" size="2" value="1" name="qty"></input>

       <div id="total">$5000</div>

这是javascript：

  var input = document.getElementsByTagName("input");
  var total = document.getElementById("total");

  var prev;

  for(i=0;i<input.length;i++){
  input[i].onchange = function(){
    if(this.checked){
    $("#total").fadeOut(300);
    $("#total").fadeIn(300);
    prev=parseFloat(total.innerHTML.replace(/[^0-9\,]+/g,"")) + parseFloat(this.id);
         total.innerHTML = "$ " + prev.formatMoney(0, ',', '.');
    }else{
     $("#total").fadeOut(300);
     $("#total").fadeIn(300);
     prev=parseFloat(total.innerHTML.replace(/[^0-9\,]+/g,"")) - parseFloat(this.id);
         total.innerHTML = "$ " + prev.formatMoney(0, ',', '.');
    }
  }
}

这是小提琴：http://jsfiddle.net/M7My9/1/

Answer 1

尝试以下

if(document.getElementsByTagName("input").type == "checkbox")

请查看更新的小提琴here

Answer 2

在onchange处理程序的第一行添加if(this.type=='text')以检测输入的类型

在getElementsByTagName中仅选择复选框输入，排除文本框输入

2 个答案: