获取选中的复选框

最新推荐文章于 2023-05-24 20:44:39 发布

init_bug

最新推荐文章于 2023-05-24 20:44:39 发布

阅读量415

点赞数

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

本文链接：https://blog.csdn.net/shz_94wahaha/article/details/108187429

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

获取选中的复选框

<!DOCTYPE html>
<html>
<head>
<title>获取选中的复选框</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>

你更喜欢哪种颜色?<br>
<input type="checkbox" name="colors" id="red" />红色<br>
<input type="checkbox" name="colors" id="blue" />蓝色<br>
<input type="checkbox" name="colors" id="green" />绿色<br>

<button onclick="check()">确认</button>

</body>
<script>

	function check(){
		var checkeds = $("input[name='colors']:checked");
		var checkedIds = [];
		$.each(checkeds, function(index, value){
			checkedIds.push($(value).attr("id"));
		});
		alert(JSON.stringify(checkedIds));
	}

</script>
</html>

如图

在这里插入图片描述

使用"input[name=‘colors’]:checked"获取。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

init_bug

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取选中的复选框

获取选中的复选框<!DOCTYPE html><html><head><title>获取选中的复选框</title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></head><body>你更喜欢哪种颜色?<br><input type="checkbox
复制链接

扫一扫