您的位置
主页 > 网站技术 > CSS/HTML > » 正文

HTML checkbox 点击说明文字即可选择/取消勾选状态

来源: 站长圈 点击:

点评:由于checkbox比较小用户操作起来不是很方便,下面就为大家实现下让用户点击说明文字时即可实现 选择/勾选 checkbox,感兴趣的朋友可以参考下。
web开发中,由于checkbox比较小用户操作起来不是很方便,为了方便用户对checkbox操作我们可以让用户点击说明文字时即可实现 选择/勾选 checkbox 
 
下面使用一种简单的方法实现 
 
代码实现如下: 
 
复制代码代码如下:
<input id="ck1" type="checkbox" /> 
 
复制代码代码如下:
<label for="ck1">点击我即可选择/取消勾选状态</label> 
label: 
说明文字标签必须为 label 
for 指定需要联动checkbox的id 
 



首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明