在很多实际应用中，并不要非得点击复选框才能够选中复选框，可以点击它旁边的文字也是可以的，下面就通过实例代码介绍一下如何实现此功能，代码如下:
|
01
02
03
04
05
06
07
08
09
10
11
12
13
|
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
" utf-8"
>
<
title
>蚂蚁部落</
title
>
</
head
>
<
body
>
<
input
type
=
"checkbox"
id
=
"a"
><
label
for
=
"a"
>蚂蚁部落一</
label
>
<
input
type
=
"checkbox"
id
=
"b"
> <
label
for
=
"b"
>蚂蚁部落二</
label
>
<
input
type
=
"checkbox"
id
=
"c"
><
label
for
=
"c"
>蚂蚁部落三</
label
>
</
body
>
</
html
>
|
以这里使用label标签，只要把它的for属性值设置的和对应的复选框的id属性值相同即可实现关联效果。
原文发布时间为：2017-3-26
本文作者：admin
本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
原文链接：如何实现点击文字也能够选中复选框
