jQuery对表单元素的取值和赋值操作代码

jQuery对表单元素的取值和赋值操作非常方便，下面我将为大家介绍如何实现。

取值操作

获取单个元素的值

使用val()方法即可获取单个表单元素的值，例如：

var inputVal = $("#input1").val();

其中，#input1表示需要获取值的表单元素的选择器。

获取多选框或单选框的值

如果需要获取多个表单元素的值，例如多选框或单选框，可以使用以下方式：

var checkboxVal = $("input[type='checkbox']:checked").val();
var radioVal = $("input[name='radio']:checked").val();

上述代码分别获取了选中的多选框和单选框的值，其中input[type='checkbox']:checked表示选中的多选框，input[name='radio']:checked表示选中的单选框，:checked表示已选中的状态。

赋值操作

给单个元素赋值

给单个表单元素赋值也非常简单，使用val()方法即可，例如：

$("#input1").val("hello world");

上述代码将#input1元素的值设置为hello world。

给多选框或单选框赋值

给多选框或单选框赋值也非常方便，只需要将选中的元素设置为checked状态即可，例如：

$("input[type='checkbox']").eq(0).prop("checked", true);
$("input[name='radio']").eq(0).prop("checked", true);

上述代码分别将第一个多选框和第一个单选框设置为选中状态，其中eq(0)表示选择第一个元素，.prop("checked", true)表示将元素设置为选中状态。

综上所述，jQuery对表单元素的取值和赋值操作非常方便，可以大大提高开发效率。