前端 —— checkbox、radio 复选框、单选按钮校验（原生js）

最新推荐文章于 2024-04-01 10:54:20 发布

淡泊-宁静致远

最新推荐文章于 2024-04-01 10:54:20 发布

阅读量1.6k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/dingdinglaila/article/details/107090953

版权

本文介绍了如何使用原生JavaScript进行复选框（checkbox）和单选按钮（radio）的表单验证，提供了一段方便复制粘贴的代码。作者强调文章是学习过程的总结，欢迎读者指出错误以便及时修正。

摘要由CSDN通过智能技术生成

复选框 checkbox 、单选按钮 radio 提交表单时的校验，原生js。方便自己复制粘贴。有需要的拿走。

上代码：

<form id="form01" action="1.html" method="post">
	<input type="checkbox" name="hoppy" value="旅游" />旅游
	<input type="checkbox" name="hoppy" value="宅家" />宅家
	<input type="checkbox" name="hoppy" value="运动" />运动
	<input type="checkbox" name="hoppy" value="看书" />看书
	<span id="span" style="color: red;"></span><br />
	
    <lable>性别：</lable>
	<input type="radio" name="gender"  value="女" />女
	<input type="radio" name="gender"  value="男" />男
	<span id="span2" style="color: red;"></span>&l