日期:2014-05-16  浏览次数:20619 次

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

web开发中,由于checkbox比较小用户操作起来不是很方便,为了方便用户对checkbox操作

我们可以让用户点击说明文字时即可实现 选择/勾选 checkbox

下面使用一种简单的方法实现

代码实现如下:

<input id="ck1" type="checkbox" />
<label for="ck1">点击我即可选择/取消勾选状态</label>


label:

         说明文字标签必须为 label 

         for 指定需要联动checkbox的id