通过jQuery在循环中获取输入值,可以使用以下步骤:
.each()
,来遍历选中的输入元素。$(this)
来获取当前遍历到的输入元素。.val()
,来获取输入元素的值。下面是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<title>获取输入值示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<input type="text" class="input-field" value="输入1">
<input type="text" class="input-field" value="输入2">
<input type="text" class="input-field" value="输入3">
<button id="get-values-btn">获取输入值</button>
<script>
$(document).ready(function() {
$('#get-values-btn').click(function() {
$('.input-field').each(function() {
var value = $(this).val();
console.log(value);
});
});
});
</script>
</body>
</html>
在上述示例中,我们首先引入了jQuery库文件。然后,我们在循环中的每个输入元素上添加了一个共同的类名input-field
。接着,我们使用了类选择器.input-field
来选取这些输入元素。在点击按钮时,我们使用.each()
方法遍历选中的输入元素,并在回调函数中使用$(this)
来获取当前遍历到的输入元素。最后,我们使用.val()
方法获取输入元素的值,并将其打印到控制台。
这样,通过jQuery在循环中获取输入值的操作就完成了。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云