js获取单选框radio的值（高效）

最新推荐文章于 2023-04-05 21:54:56 发布

原创最新推荐文章于 2023-04-05 21:54:56 发布 · 383 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

这个博客展示了如何使用HTML创建复选框进行性别选择，并通过JavaScript实现点击事件监听，当用户选择性别时，会在控制台打印所选值。示例中包含两个复选框，分别代表男性和女性。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">	
	<title>xinbiancheng.cn</title>
</head>
<body>

<input type="checkbox" value="xxx" name="sex" onclick="ccc(this)" />男

<input type="checkbox" value="yyy" name="sex" onclick="ccc(this)" />女
<script>
	function ccc(_this){
		 console.log(_this.value); 
	}
</script>
</body>
</html>