jqury 获取checkbox选中值
时间: 2023-09-05 19:02:01 浏览: 111
jQuery 是一种广泛应用于前端开发的 JavaScript 库,它提供了很多便捷的方法和函数来操作 HTML 元素。要获取 checkbox 的选中值,可以使用 jQuery 的选择器来找到所需的 checkbox 元素,然后使用 .is(":checked") 方法来判断是否被选中。
首先,我们可以给每个 checkbox 增加一个共同的类名,这样可以方便地选取它们。例如,我们给每个 checkbox 添加一个名为 "myCheckbox" 的类名。
然后,在 JavaScript 代码中,我们可以使用以下代码来获取被选中的 checkbox 的值:
```javascript
var selectedValues = [];
$(".myCheckbox:checked").each(function() {
selectedValues.push($(this).val());
});
```
上述代码中,使用了 jQuery 的选择器 $(".myCheckbox:checked"),它会选取所有具有类名 "myCheckbox",且被选中的 checkbox 元素。
然后,使用 .each() 方法对选中的 checkbox 元素进行循环遍历,将每个被选中的 checkbox 的值使用 .val() 方法获取,并将其添加到一个数组 selectedValues 中。
最终,selectedValues 数组中存储了所有被选中的 checkbox 的值。
可以根据需求进一步处理 selectedValues 数组,比如打印出来或者进行其他操作。
以上就是使用 jQuery 获取 checkbox 选中值的方法。通过合理运用适当的选择器和函数,可以方便地完成这个任务。
阅读全文