如何实现点击文字也能够选中复选框

最新推荐文章于 2023-02-09 17:14:31 发布

weixin_34375233

最新推荐文章于 2023-02-09 17:14:31 发布

阅读量3.7k

点赞数 2

文章标签： php 开发工具

原文链接：https://yq.aliyun.com/articles/561326

版权

在很多实际应用中，并不要非得点击复选框才能够选中复选框，可以点击它旁边的文字也是可以的，下面就通过实例代码介绍一下如何实现此功能，代码如下:

 
       <!DOCTYPE html>   
      
 
       < 
       html 
       >   
      
 
       < 
       head 
       >   
      
 
       < 
       meta 
       charset 
       = 
       " utf-8" 
       >   
      
 
       < 
       meta 
       name 
       = 
       "author" 
       content 
       = 
       "http://www.softwhy.com/" 
       />   
      
 
       < 
       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 
       > 
      