jquery遍历表单form并进行赋值

jQuery是一个优秀的JavaScript库,它可以方便地遍历HTML元素并进行操作。在表单操作方面,jQuery可以非常轻松地遍历表单元素、获取表单元素的值并对表单元素进行赋值。

下面是一个简单的示例,在HTML中定义一个表单:

<form id="myForm"><label for="input1">输入框1</label><input type="text" id="input1" name="input1" value=""><label for="input2">输入框2</label><input type="text" id="input2" name="input2" value=""><label for="input3">输入框3</label><input type="text" id="input3" name="input3" value=""><button type="button" id="setValueBtn">设置值</button></form>

该表单包含3个输入框和一个按钮。现在,我们可以使用jQuery遍历表单元素并给输入框赋值:

$(function(){$("#setValueBtn").click(function(){$("#myForm input[type=text]").each(function(){$(this).val("这是一个赋值的例子");});});});

这里的关键是使用jQuery的each方法遍历表单中的每个文本输入框,然后使用val方法为每个文本输入框设置相同的值。这样,当我们单击“设置值”按钮时,所有的文本输入框都将显示相同的值。

总之,jQuery可以让我们非常方便地遍历HTML表单并对其进行操作。有了jQuery,表单操作变得非常简单和快捷。

jquery遍历表单form并进行赋值