以下是一个使用jQuery遍历表单字段并获取其值的示例代码:
HTML代码:
jQuery代码:
$(document).ready(function(){
$("#submitButton").click(function(){
// 遍历表单字段
$("#myForm input").each(function(){
var fieldName = $(this).attr("name"); // 获取字段名称
var fieldValue = $(this).val(); // 获取字段值
console.log(fieldName + ": " + fieldValue); // 输出字段名称和值
});
});
});
在这个示例中,我们使用jQuery的each
方法遍历表单字段。对于每个字段,我们使用attr
方法获取字段的名称,使用val
方法获取字段的值,并使用console.log
方法输出字段名称和值。
当点击“提交”按钮时,这段代码将会遍历表单中的所有字段,并将每个字段的名称和值输出到控制台。你可以根据需要修改这段代码来满足你的具体需求。