html之checkbox------checkbox只是input框的type属性

最新推荐文章于 2025-07-04 17:00:07 发布

涛歌依旧

最新推荐文章于 2025-07-04 17:00:07 发布

阅读量1.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： S1: Web

本文链接：https://blog.youkuaiyun.com/stpeace/article/details/50753223

S1: Web 专栏收录该内容

133 篇文章

订阅专栏

本文介绍了如何在HTML中使用Checkbox，并提供了具体的示例代码。通过简单的交互功能演示了如何判断Checkbox是否被选中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<body>


我喜欢自行车：<input type="checkbox" id="Bike">
<br />
我喜欢汽车：<input type="checkbox" id="Car">
<br />
<button onClick="output()">test</button>

<script>
function output()
{
    if(document.getElementById("Bike").checked)
	{
		alert("1");
	}

    if(document.getElementById("Car").checked)
	{
		alert("2");
	}
}
</script>
</body>
</html>

是否选中，直接看selected这个属性。

另外注意，在html中， checkbox并不是一个单独的标签，而是input框的type属性，这和我之前玩过的BCB/VC++不一致。