篇首语:本文由小编为大家整理,主要介绍了Jquery 获取form表单数据相关的知识,希望对你有一定的参考价值。
1.获取checkbox的值
var values =[];
$("input[name="name"]:chedked").each(function()
values.push($(this).val());
)
2.获取select
$("#selectname").val();
$("#selectname").find("option:selected").val();
3.获取radio的值
$("input[name="radio"]:checked").val();
$("input:radio:checked").val();
$("input[type="radio"]:checked").val();
4.直接获取form数据
$(#form).serialize();
$("#form").serializeArray();
--------------------------------------------------
serializeArray() 示例:
let data = ;
let value = $("#addDataSourceForm").serializeArray();
$.each(value, function (index, item)
data[item.name] = item.value;
);
let json = JSON.stringify(data);
console.log("json : ",json);
/**
* 输出:"name":"asd","type":"1"
*/
————————————————
5.checkbox检查
5.1 检查有没有选择多选框的任何一个
function selected()
var flag = false;
$(".childs").each(function ()
if ($(this).prop("checked"))
flag = true;
return;
);
return flag;
5.2 获取多选checkbox的内容
function getAids()
var aids = new Array();
$(".childs").each(function ()
if ($(this).prop("checked"))
aids.push($(this).val());
);
return aids;
以上是关于Jquery 获取form表单数据的主要内容,如果未能解决你的问题,请参考以下文章