So erhalten Sie alle Werte des Formulars in js (Code im Anhang)

Der Inhalt dieses Artikels handelt davon, wie man alle Werte des Formulars in js erhält (mit Code). Ich hoffe, dass er für Sie hilfreich ist .

Normalerweise besteht das Abrufen aller Eingabefelder des Formulars darin, den Knotenwert über das Dokument-Dom-Objekt abzurufen

<form>
<input id="a1" type="input" value="" name="a1"><br>
<input id="a2" type="input" value="" name="a2"><br>
<input id="a3" type="input" value="" name="a3"><br>
<input id="a4" type="input" value="" name="a4"><br>
<input id="submit" type="button" value="提交" name="submit">
</form>

Das Folgende ist ein Vergleich der beiden Methoden:

<script>
$(function() {
$(&#39;#submit&#39;).click(function() {
						
//方法1：
var a1 = document.getElementsById("a1").value;
//var a1 = document.getElementsByName("a1").value;
						
//要是提交json的格式的话还需要
var json ={"a1":a1}
						
//这样子转化一下，一个两个10个input还是可以接受的，但是实际开发中往往几十个 这样子就显得很笨重了，所以推荐方法二
						
//方法二：
var d = {};
var t = $(&#39;form&#39;).serializeArray(); // 默认是json 格式
						
//传统的for循环,将值打印出来
/*
console.info(t)
						
for (var i = 0;i<t.length;i++) {
console.info(t[i]);
d[t[i].name] =  t[i].value;
							
}
						
*/
						
//jQuery的循环
$.each(t, function() {
//console.info(t)
d[this.name] = this.value;
console.info(d)
}); 
						
console.info(JSON.stringify(t));   //从json对象解析出json字符串
var json_str = JSON.stringify(t);
						
console.info(JSON.stringify(d)); //从一个对象解析出字符串
});
});
</script>

Methode eins:

Verwenden Sie das Original-JS, um den Wert zu erhalten

Methode 2:

Verwenden Sie die JQuery-Funktionsbibliothek, um den Wert zu erhalten

Verwandte Empfehlungen:

Wie wäre es mit js? Erhalten Sie den ausgewählten Wert des Optionsfelds

Wie erhalten Sie den Wert und die Anzahl der Elemente der Dropdown-Liste in js?

Das obige ist der detaillierte Inhalt vonSo erhalten Sie alle Werte des Formulars in js (Code im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!