如何獲取表單中元素的ID？

Question

我需要獲取表單中某個元素的ID，以便可以將該元素標記為“假”或“真”。 或者，或者，我需要一種將名稱與可以引入javascipt的元素相關聯的方法，以便可以更改相關聯的值。

var form = document.getElementById("myForm");
form.elements[i].value

這些代碼行是我嘗試過的，但似乎不起作用。

編輯：

function initial(){
        if (localStorage.getItem("run") === null) {
                var form = document.getElementById("myForm").elements;

                for(var i = 0; i < 1 ; i++){
                    var id = form.elements[i].id;
                    sessionStorage.setItem(id,"false");
                }
            localStorage.setItem("run", true);
        }
    }

因此，基本上，當我運行頁面時，我希望將localStorage項附加到屏幕上的所有按鈕。 我希望此命令運行一次，以便將所有項目設置為false。 問題是我不知道如何獲取ID，因此我有一個附加到按鈕的值。 關於如何完成這樣的任務的任何想法。

編輯2：

function initial(){
        if (localStorage.getItem("run") === null) {
                var form = document.getElementById("myForm");
                var tot = document.getElementById("myForm").length;

                for(var i = 0; i < tot ; i++){
                    sessionStorage.setItem(form.elements[i].id,"false");
                }
            localStorage.setItem("run", true);
        }
    }

這是新代碼。 它似乎大部分都可以工作，但是由於某些原因，只有第一個值被設置為false。 也許與該功能有關，我不確定。

 function loader(){
        var form = document.getElementById("myForm");
        var tot = 5;

        for(var i = 0; i < 5 ; i++){
            if(sessionStorage.getItem(form.elements[i].id) === "true"){
                document.getElementById(form.elements[i].id).style.backgroundColor = "green";
                return ;
            }else{
                document.getElementById(form.elements[i].id).style.backgroundColor = "red";
                return false;
            }
        }
    }

無論如何，我在執行頁面時同時運行這兩個程序，因此它們都設置為false並變為紅色。 但是，當按鈕正確完成時，按鈕的顏色變為綠色。

Answer 1

可以通過元素上的id屬性獲得：

var id = form.elements[i].id;

有關MDN和規范的更多信息 。

現場示例：

 var form = document.getElementById("myForm"); console.log("The id is: " + form.elements[0].id); 

 <form id="myForm"> <input type="text" id="theText"> </form> 

Answer 2

您已經將所有元素存儲在表單中，因此必須為：

var form = document.getElementById("myForm").elements;
var id = form[i].id;

或者從form變量中刪除elements部分，例如：

var form = document.getElementById("myForm");
var id = form.elements[i].id;