jquery获取表单,jquery获取表单元素

使用jquery获取表单字符串 并且以url显示：userName=123&password=abc

方法一，使用表单序列化方法实现：

var result = $("#abc").serialize();

方法二，获取表单内容后拼接：

var result = "userName=" + $("#abc input[name='userName']").val() + "password=" + $("#abc input[name='password']").val();

相关问答

Q1: 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/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option

$("#sel").empty()；//清空下拉框.

Q2: jquery中怎么样获取表单所有值

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

您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。

序列化的值可在生成 AJAX 请求时使用。

Q3: jQuery获取/设置表单内容

原生js是通过value属性来获取/设置表单内容

jQuery中是通过 val() 方法来获取/设置表单内容

动态数据添加和删除练习: