Javascript parseInt（）函数不工作

我有一个接受数字类型的输入元素。我知道javascript将输入作为字符串。所以我使用parseInt转换成整数。但它不起作用

我的代码是：

<tr>
    <td rowspan="6"><br><br><br><br><br>B1<br> Salary/Pension:</td>
    <td>(1) Salary (excluding all allowances, perquisites and profit in lieu of salary</td>
    <td><input type="text" id="sal" value="0" name="sal" placeholder="" class="form-control "></td>
</tr>
<tr>
    <td>(2) Allowances not exempt</td>
    <td><input type="text" id="allowance" value="0" name="allowance" placeholder="" class="form-control "></td>
</tr>
<tr>
    <td>(3)Value of perquisites</td>
    <td><input type="text" id="perquisites" value="0" name="perquisites" placeholder="" class="form-control "></td>

</tr>
<tr>
    <td>(4) Profits in lieu of salary</td>
    <td><input type="text" id="profit" name="profit" value="0" placeholder="" class="form-control"></td>
</tr>
<tr>
    <td>(5)Deduction u/s 16</td>
    <td><input type="text" id="ded16" name="ded16" value="0" placeholder="" class="form-control"></td>
</tr>
<tr>
    <td>(6)Income chargable under the head 'Salaries':</td>
    <td><input type="text" id="inchargesal" value="0" name="inchargesal" placeholder="" class="form-control" readonly></td>
</tr>

这里要注意的是，当我在parseInt语句上面使用alerthi时，alerthi可以正常工作，但是当我在之后使用它时，alerthi不能工作

---

怎么了？请帮助。

您使用的文档方法不正确。没有说getElementsById的方法。在HTMLDOM中，id字段是唯一的，因此它不能是getElements，而只能是getElement。使用getElementById'id'使其工作

另外，最好先检查控制台，在那里大多数问题都可以自己解决。 控制台-

---

您拼错了getElementsById，应该是no，打开浏览器控制台检查错误。您的代码使用getElementsById，但该方法实际上是getElementById。同样，像这样混合使用jQuery和浏览器DOM API也会让人感到困惑。谢谢大家，它现在可以工作了。是的@ibrahimmahrir，我现在已经更正了代码。谢谢。我正在使用dreamweaver，如何检查那里的控制台？添加了我所指内容的屏幕截图。

  $(document).ready(function() {
    function change() {
        f = a + b + c + d - e;
        alert(f);
        $('#inchargesal').removeAttr('readonly').val(f);
    }
    $('#sal').on('change', function() {

        var a = parseInt(document.getElementsById("sal").value);
        alert("hi");
        change();
    });
    $('#allowance').on('change', function() {
        b = parseInt(document.getElementById("allowance").value)

        change();
    });
    $('#perquisites').on('change', function() {
        c = parseInt(document.getElementsById("perquisites").value);
        change();
    });
    $('#profit').on('change', function() {
        d = parseInt(document.getElementsById("profit").value);
        change();
    });
    $('#ded16').on('change', function() {
        e = parseInt(document.getElementsById("ded16").value);
        change();
    });
});