获取checkbox选中项的值，全选及清空所有选中项

最新推荐文章于 2024-02-19 10:04:26 发布

北冥小渔

最新推荐文章于 2024-02-19 10:04:26 发布

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： checkbox jquery

本文链接：https://blog.youkuaiyun.com/u010835426/article/details/85572659

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的全选功能，并通过AJAX操作获取选中的值。示例中包含一个表单，其中有一个全选复选框和多个单独的复选框。当全选复选框被勾选时，所有其他复选框也会被自动勾选，反之亦然。此外，当提交按钮被点击时，会弹出一个警告框显示所有选中的值。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>

</head>
<body>

$(function() {
$("#select").click(function() {
if ($(this).attr("checked")) {
$("input[name=items]").each(function() {
$(this).attr("checked", true);
});
} else {
$("input[name=items]").each(function() {
$(this).attr("checked", false);
});
}
});
//得到选中的值，ajax操作使用
$("#submit").click(function() {
var text="";
$("input[name=items]").each(function() {
if ($(this).attr("checked")) {
text += ","+$(this).val();
}
});
alert(text);
});
});

</script>

</body>
</html>