html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

HTML checkbox 点击说明文字即可选择/取消勾选状态_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:由于checkbox比较小用户操作起来不是很方便,下面就为大家实现下让用户点击说明文字时即可实现 选择/勾选 checkbox,感兴趣的朋友可以参考下
web开发中,由于checkbox比较小用户操作起来不是很方便,为了方便用户对checkbox操作我们可以让用户点击说明文字时即可实现 选择/勾选 checkbox TaSHTML5中文学习网 - HTML5先行者学习网
TaSHTML5中文学习网 - HTML5先行者学习网
下面使用一种简单的方法实现 TaSHTML5中文学习网 - HTML5先行者学习网
TaSHTML5中文学习网 - HTML5先行者学习网
代码实现如下: TaSHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
TaSHTML5中文学习网 - HTML5先行者学习网
<input id="ck1" type="checkbox" /> TaSHTML5中文学习网 - HTML5先行者学习网
TaSHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
TaSHTML5中文学习网 - HTML5先行者学习网
<label for="ck1">点击我即可选择/取消勾选状态</label> TaSHTML5中文学习网 - HTML5先行者学习网
TaSHTML5中文学习网 - HTML5先行者学习网
label: TaSHTML5中文学习网 - HTML5先行者学习网
说明文字标签必须为 label TaSHTML5中文学习网 - HTML5先行者学习网
for 指定需要联动checkbox的id
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助