var $form= document.getElementById("biaodan");
var btn = document.getElementById("btn");
btn.onclick = function(){
//得到表单中的所有控件
var elems = $form.elements;
//结果数组
var arr = [];
//遍历所有的控件
for(var i = 0 ; i < elems.length ; i++){
//当前遍历的元素
var e = elems[i];
//分类讨论:
switch(e.type){
//如果控件的类型是个按钮,则没有任何返回值
case "button" :
case "submit" :
case "reset" :
break;
case "text" :
case "password" :
case "textarea" :
arr.push(e.name + "=" + e.value);
break;
case "radio":
case "checkbox":
//选中才有返回值
e.checked && arr.push(e.name + "=" + e.value);
break;
case "select-one":
var options = e.getElementsByTagName("option");
console.log(options);
for(var j = 0 ; j < options.length; j++){
if(options[j].selected){
arr.push(e.name + "=" + options[j].value);
}
}
break;
}
}
return arr.join("&");
}
原生js实现表单序列化
猜你喜欢
转载自blog.csdn.net/qq_41402809/article/details/104442313
今日推荐
周排行