点击文字label同时选中checkbox radio

在做网页的时候一般会有一个需求：点击一段文字信息的同时选中某个checkbox

旧处理方式是在这段文字上加上点击事件触发checkbox的选中事件

//jq中：//选中
$("#ID").attr("checked","checked");
//不选中
$("#ID").removeAttr("checked");//js中： var boxes = document.getElementsByName("test"); boxes[i].checked = true;

这里提供一种便利的方法：

<p><input name="fittype" type="checkbox" value="8" id="checkin8"/>   <label for="checkin8">其他</label>
</p>

将input和label放在同一个标签p中同时lable的for属性的值等于input的id属性值就可以实现点击label同时控制input

转载于:https://www.cnblogs.com/zhaokunbokeyuan256/p/6000656.html

点击文字label同时选中checkbox radio相关推荐

通过label标记实现单选框点击文字也能选中
文章转载自:https://www.jb51.net/web/171886.html 在 label 元素内点击文本,就会触发此控件.就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表 ...
ztree 点击文字也可以选中前面的复选框
分享一个小方法,实现ztree 点击文字,也可以选中前面的复选框 radio 或者 checkbox 在设置树的时候,加上这句话 callback: { onClick: functio ...
点击文字，把input type=radio也选中
本文原文地址:https://my.oschina.net/jack088/blog/469815 1. <label> <input type="radio" ...
html中点击文字变色,html选中文字背景/字变色
iconfont使用,亲测 iconfont对于前端应用来说有很多便捷: 1.自由变化大小 2.自由修改颜色 3.可以添加一些视觉效果如:阴影.旋转.透明度. 4.兼容IE6 在线引用和下载到本地两种 ...
html点击文字选中单选框
效果:点击文字也能选中单选框 <label for="sex1"><input type="radio" id="sex1" ...
html 勾选框点击文字勾选,ztree点击文字勾选checkbox，radio实现方法
ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox. 要想点击ztre ...
点击文字可以选中相应的checkbox
点击文字可以选中相应的checkbox (2008-11-22 14:16:40) 转载▼ 标签: 杂谈分类: javascript 转载: 这是一个例子: <html> <hea ...
html 单选框、复选框点击文字选中
html 单选框.复选框点击文字选中示例1(单选框) <input type="radio" value="1" id="score1&qu ...
HTML复选框，点击文字，对应的复选框选中
HTML怎么添加,点击文字,对应的复选框选中的效果呢? 将对应的文字用label标签包起来,然后加上for属性指向复选框的id即可! <!DOCTYPE html> <html> ...

点击文字label同时选中checkbox radio

点击文字label同时选中checkbox radio相关推荐

最新文章

热门文章