jquery判断是否勾选协议复选框

最新推荐文章于 2021-05-29 07:24:59 发布

fengxue_snow

最新推荐文章于 2021-05-29 07:24:59 发布

阅读量1.5k

点赞数

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

本文链接：https://blog.csdn.net/fengxue_snow/article/details/97914217

版权

本文介绍了两种使用jQuery来判断协议复选框是否被勾选的方法：一种是将jQuery对象转换为DOM对象，然后使用JavaScript的checked属性；另一种是直接利用jQuery的`:checked`选择器。

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

1、效果图
在这里插入图片描述

2、代码
方法一、jq对象转换成DOM对象，利用js的checked方法实现

<style>
			.area{width:500px;height:460px;padding:10px;margin:10px;}
			.submit{background:#3FC9C1;border: none; border-radius: 3px;padding:5px 15px;color:#fff;cursor: pointer;outline: none;}
		</style>
		<div class="area">
			<p><label>用户名：</label><input type="text" /></p>
			<p><label>密&nbsp;&nbsp;&nbsp;码：</label><input type="password" /></p>
			<p><input type="checkbox" id="check"/>同意并阅读协议</p>
			<p><input type="button" value="提交" class="submit" /></p&g