jquery 如何选择已经选中的复选框,并遍历value值
时间: 2023-06-04 21:03:20 浏览: 63
可以使用以下代码实现:
```javascript
//选择已经选中的复选框
var selectedBoxes = $('input[type="checkbox"]:checked');
//遍历value值
selectedBoxes.each(function() {
var value = $(this).val();
console.log(value);
});
```
相关问题
jquery遍历获取每个选中复选框的值
如果你在使用 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` 方法将数组中的所有元素连接成一个字符串,并显示在一个弹出框中。
注意,在这个示例中,我们为获取选中的复选框的值绑定了一个点击事件,这样当用户点击按钮时,才会执行相应的代码。