javascript - 在 getElementsByTagName 中只选择 Checkbox 输入，排除 Textbox 输入

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, ',', '.');
    }
  }
}

这是 fiddle :http://jsfiddle.net/M7My9/1/

Answer 1

试试下面

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

请检查更新的 fiddle here