jquery遍历获取每个选中复选框的值
时间: 2024-03-19 09:44:11 浏览: 15
如果你在使用 jQuery,可以使用以下代码来遍历获取每个选中复选框的值:
```javascript
// 获取所有选中的复选框元素
var checkboxes = $('input[type="checkbox"]:checked');
// 遍历每个选中的复选框,获取它的值
checkboxes.each(function() {
var value = $(this).val();
console.log(value);
});
```
这段代码首先使用 jQuery 获取所有选中的复选框元素,然后使用 `each` 方法遍历每个选中的复选框,获取它的值,并输出到控制台中。
相关问题
label遍历选中复选框jquery
您可以使用 jQuery 来获取选中的复选框的值。以下是一个示例代码,仅供参考:
```html
<label><input type="checkbox" name="fruit" value="apple"> Apple</label>
<label><input type="checkbox" name="fruit" value="orange"> Orange</label>
<label><input type="checkbox" name="fruit" value="banana"> Banana</label>
<button id="btnGetSelectedFruits">Get Selected Fruits</button>
<script>
$(function() {
$('#btnGetSelectedFruits').on('click', function() {
var selectedFruits = [];
$('input[name="fruit"]:checked').each(function() {
selectedFruits.push($(this).val());
});
alert("Selected fruits: " + selectedFruits.join(", "));
});
});
</script>
```
在上面的示例中,我们首先为每个复选框包裹了一个 `label` 标签,然后使用 jQuery 选择器 `$('input[name="fruit"]:checked')` 获取所有名称为 `fruit` 且被选中的复选框元素。接下来,我们遍历所有选中的复选框,将其值添加到 `selectedFruits` 数组中。最后,我们使用 `join` 方法将数组中的所有元素连接成一个字符串,并显示在一个弹出框中。
注意,在这个示例中,我们为获取选中的复选框的值绑定了一个点击事件,这样当用户点击按钮时,才会执行相应的代码。
jquery遍历每个复选框,当复选框为选中状态时,则进入if内,否则进入else内。要求显示遍历的是第几个复选框,比如当遍历到第i个复选框时,判断这第i个是不是选中状态
可以使用以下代码实现:
```javascript
$('input[type="checkbox"]').each(function(index) {
if ($(this).is(':checked')) {
// 当前复选框被选中的情况
console.log('第' + (index+1) + '个复选框被选中了');
// 在这里写下复选框被选中时的逻辑
} else {
// 当前复选框未被选中的情况
console.log('第' + (index+1) + '个复选框未被选中');
// 在这里写下复选框未被选中时的逻辑
}
});
```
这段代码使用了 jQuery 的 each() 方法,通过传递一个函数作为参数,来对每个复选框进行遍历。在函数内部,使用 index 参数表示当前遍历到的复选框在集合中的索引,从0开始计数。使用 console.log() 方法输出当前复选框是否被选中以及是第几个复选框。如果当前复选框被选中,则进入 if 内部处理逻辑,否则进入 else 内部处理逻辑。