計算通過javascript完成的輸入類型文本字段

Question

問題：嘗試了兩種不同的方法來使代碼計算完成的字段數量； 繼續輸出“ 0”或“ 5”，這顯然表明它不起作用。

我實際上對JavaScript還是很陌生，所以我不知道我是否很想念它。 盡管我搜索並找到了一些相關的夫婦，但是他們還是使用jQuery處理的。

HTML部分：

        <form id="form1">
            <input type="text" id="choice0" /><br />
            <input type="text" id="choice1" /><br />
            <input type="text" id="choice2" /><br />
            <input type="text" id="choice3" /><br />
            <input type="text" id="choice4" /><br />
        </form>
        <button onClick="choicesCompleted()">Update Wheel</button>
        <button type="reset" form="form1">Restart</button>

        <p>choices filled: <span id="showc"></span></p>

JS部分：

function choicesCompleted() {
var c = 0;

for (i = 0; i < 5; i++) {
    if (document.getElementById("choice" + i).value != null) {
        c = c + 1;
    }
}
document.getElementById("showc").innerHTML = c;
}

就像我之前提到的，其他解決方案都使用jQuery，盡管它可能並不常見，但我只是嘗試通過使用JavaScript來完成。 我正在嘗試進行更多練習，並對為什么它無法正常工作有所了解。

我嘗試通過將文本輸入的簡單值推入數組然后顯示它來走另一條路線，但這也會導致死胡同。 這是我嘗試運行的一個簡單測試的示例，以查看它是否還能工作。

<!DOCTYPE html>
<html>
<body>
<p>ANSWER: <span id="here"></span></p>

<input type="text" id="line0" />
<button onclick="pleaseWork();">Submit</button>

</body>

<script>
function pleaseWork() {
var array = [];
array.push(document.getelementbyid("line0").value);
document.getelementbyid("here").innerHTML = array[0];
}
</script>
</html>

抱歉，我正在使用在線編輯器來進行格式化。

Answer 1

當您應該檢查該值不等於'' （空輸入的值）時，您正在檢查null 。

您的第二個示例不起作用，因為按其ID獲取元素的方法是getElementById而您正在使用getelementbyid 。

 function choicesCompleted() { var c = 0; for (i = 0; i < 5; i++) { if (document.getElementById("choice" + i).value !== '') { c = c + 1; } } document.getElementById("showc").innerHTML = c; }

 <form id="form1"> <input type="text" id="choice0" /> <br /> <input type="text" id="choice1" /> <br /> <input type="text" id="choice2" /> <br /> <input type="text" id="choice3" /> <br /> <input type="text" id="choice4" /> <br /> </form> <button onClick="choicesCompleted()">Update Wheel</button> <button type="reset" form="form1">Restart</button> <p>choices filled: <span id="showc"></span> </p>

計算通過javascript完成的輸入類型文本字段

問題描述

1 個解決方案

解決方案1
2 已采納 2014-10-01 23:15:25

計算通過javascript完成的輸入類型文本字段

問題描述

1 個解決方案

解決方案1 2 已采納 2014-10-01 23:15:25

解決方案1
2 已采納 2014-10-01 23:15:25