jquery怎么获取表单所有数据

获取值：

文本框，文本区域：$("#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()；//清空下拉框

我们先看一个小例子：

html代码：

需求：是获取form表单中的用户名和密码并包装成一个对象

这个需求是我们大部分时候在发送ajax请求时需要做的一个工作。

传统JS写法：

看一下效果：

可以看到，我们已经实现了需求，但是我们写的JS代码很繁琐，我们需要先获取form表单中input框元素，然后元素的value值，最后包装成一个对象。

FormData的JS写法：

效果如下：

通过这个例子你应该能感受到FormData的便利性，只需要 new FormData(form) 一句代码就可以把form表单内的所有信息都以键值对的形式包装成一个对象返回。

FormData对象是用来将form表单数据编译成键值对，这么做有两个好处：

FormData的常用 *** 作方法：

FormData对象可以帮我们更方便的收集表单数据并中的整理成对象，大大方便了我们发送ajax请求。

你的提问不是很清楚；

根据我的了解给你大概的回答吧。

如果单纯情况下；

<form action="" medthod="post" name="kk">{

<input type="text" name="user_name" id="users">

</form>

documentforms['kk'] 获取表单；

documentforms['kk']elements['user_name']; 和

documentgetElementById('users'); 效果相同，都是获取 input 元素。

如果用表单（表单是父亲）中 子元素 就得用documentforms['kk']elements['user_name'];这个写法；前提子元素必须有name属性；

而id是唯一确定，和name不同，他们是两个属性。

但愿你能明白。

另外；

那个写0的方式虽然我不懂，但是我觉得忘掉比较好。

以后就会做大的网站表单要做n多个，还是起个名字比较好。为以后打良好的习惯。

jquery获取隐藏的表单元素,使用enabled选择器。 disabled选择器。 checked选择器。 selected选择器。 enabled选择器选择所有的可用的元素,返回集合元素。 disabled选择器选择所有的不可用的元素,返回集合元素。 checked选择器选择所有被选中的元素(单选框,复选框),返回集合元素。 selected选择器选择所有被选中选项元素(下拉列表),返回集合元素。

以上就是关于jquery怎么获取表单所有数据全部的内容，包括:jquery怎么获取表单所有数据、前端小技巧：学会用FormData对象收集表单数据、为什么我用javascript获得表单元素时出错啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！