Jquery 获取form表单数据

佚名 2024-04-24 09:56:19 举报

篇首语：本文由小编为大家整理，主要介绍了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()