jquery怎么获取表单所有数据

发布网友 发布时间：2022-04-24 18:19

我来回答

共3个回答

热心网友 时间：2022-04-22 11:26

　　获取值：
　　文本框，文本区域：$("#txt").attr("value")；
　　多选框checkbox：$("#checkbox_id").attr("value")；
　　单选组radio： $("input[@type=radio][@checked]").val();
　　下拉框select： $('#sel').val();

　　控制表单元素：
　　文本框，文本区域：$("#txt").attr("value",'');//清空内容
　　$("#txt").attr("value",'11');//填充内容

　　多选框checkbox： $("#chk1").attr("checked",'');//不打勾
　　$("#chk2").attr("checked",true);//打勾
　　if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

　　单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
　　下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
　　$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
　　$("#sel").empty()；//清空下拉框.

热心网友 时间：2022-04-22 12:44

$("button").click(function(){
  alert($(this).serialize());
});
//或者
$('form').submit(function() {
  alert($(this).serialize());
  return false;
});

 serialize() 方法通过序列化表单值，创建 URL 编码文本字符串

热心网友 时间：2022-04-22 14:19

var datas = Object.create(Object.prototype);;
var rows = $('#FormID').serializeArray();
for (i = 0; i < rows.length; i++) {
datas[rows[i].name] = rows[i].value;
};
这样子就获取表单的数据对象data
换一个写法
$(function () {
$('#submit').click(function () {
var d = {};
var t = $('form').serializeArray();

$.each(t, function () {

d[this.name] = this.value;

});

alert(JSON.stringify(d));
});
});