订阅点击文字选中checkbox复选框 checkbox绑定文字
来源：网络收集 点击： 时间：2024-03-13实现的代码如下：第一种方法：文字必须是label标签内,checkbox的id和label标签内的for=中的名字必须相同。
实现代码如下：
input type=checkbox id=check1 value=123 name=name class=check
label for=check1姓名/label
br
input type=checkbox id=check2 value=456 name=name class=check
label for=check2密码/label
2/3第二种方法：把文字和checkbox包含在label标签内
代码如下：
labelinput type=checkbox id=11 class=check / 测试/label
3/3全部代码如下：
!DOCTYPE html
html
head
meta charset=UTF-8
titleDocument/title
style type=text/css
* {margin:0;padding:0; list-style: none;font-family: 微软雅黑}
.box {width: 400px; overflow: hidden; padding: 20px;}
input,label{vertical-align:middle;}
.check {width: 18px; height: 18px;}
label{font-size: 18px;}
/style
/head
body
div
form
!--第一种:文字必须是label标签内,checkbox的id和label标签内的for=中的名字必须相同. --
input type=checkbox id=check1 value=123 name=name
label for=check1姓名/label
br
input type=checkbox id=check2 value=456 name=name
label for=check2密码/label
br
!-- 第二种:把文字和checkbox包含在label标签内 --
labelinput type=checkbox id=11 / 测试/label
/form
/div
/body
/html
版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_350063.html
