-1

javascript を使用して入力値の合計を自動計算することから概念化された ajax コードがあります。そのため、ニーズを満たすためにフィールドをさらに追加したいと思います。次に、指定された値を含む入力[チェックボックス]をいくつか追加しました。アイデアは、ボックスがチェックされているときです。その値は、input[text] に入力するのと同じように、プロセスに対して計算されます。

コードは次のとおりです。

<script language="javascript">
function AddInputs()
{
    var total = 0;
    var coll = document.getElementsByTagName("input")
    for ( var i = 0; i<coll.length; i++)
    {
        var ele = coll[i];
        total += parseInt(ele.value);
    }
    var Display = document.getElementById("Display");
    Display.innerHTML = total;
}
</script>

フォームは次のとおりです。

<input onkeyup="AddInputs()" />
<input onkeyup="AddInputs()" />
<input onkeyup="AddInputs()" />
<input type="checkbox" onkeyup="AddInputs()" value="100" />
<span id="Display"></span>

問題は、これらの入力ボックスでチェックボックスを計算できないことです。提案してください。

4

1 に答える 1

0

これonkeyupは、キーボードのキーを放したときにイベントが発生し、チェックボックスをクリックしても発生しないためです。onchange(ただし、これは古い IE では機能しません) または のいずれかを使用する必要がありますonclick。

また、 の値100は常に に加算されることに注意してくださいtotal。チェックボックスがチェックされている場合にのみチェックボックスをカウントする場合は、次のようなものを使用します

if (ele.type !== 'checkbox' || ele.checked) {
    total += parseInt(ele.value);
}
于 2012-09-15T16:22:15.847 に答える