【实测】使用label方式实现点击input内的文字选中checkbox radio按钮-Discuz教程下载

【实测】使用label方式实现点击input内的文字选中checkbox radio按钮

开通本站Svip会员,全站资源免费下
效果如下:
1.png
原始的一些方法可能是利用js、jq给文字加一个点击事件click,判断去实现选中按钮
后来,在真正用到的时候试着找更简单的方法,发现label这个真的很好用,很简单,有两种实现方法如下:
方法一:将label放在inputTAG.html" target="_blank" class="relatedlink">标签外面,同时使label的for属性值等于input的id属性值
亲爱的游客您好,请 登录 后进行 回复
方法二:将input和label放在同一个标签p中同时lable的for属性的值等于input的id属性值就可以实现点击label同时控制input了
亲爱的游客您好,请 登录 后进行 回复

注:最重要的一点就是保证lable的for属性的值等于input的id属性值

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部