前端百科---点击文字选中Radio
2016-12-23 23:10
267 查看
在进行Web过程中,Radio单选是必不可少的.但是如果用户只能通过点击Radio的圆圈才能实现选项的选择,这样就会导致交互不够好...
怎么解决呢?使用JavaScript当然可以,但是直接使用HTML5自带属性不是更好吗?
废话少说,直接上demo:
第一种:label标签使用for属性指向input:radio;
第二种:直接将input:radio置于label标签内部;
是不是简单粗暴...???
怎么解决呢?使用JavaScript当然可以,但是直接使用HTML5自带属性不是更好吗?
废话少说,直接上demo:
第一种:label标签使用for属性指向input:radio;
第二种:直接将input:radio置于label标签内部;
是不是简单粗暴...???
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【前端JS】radio 可单选可点击取消选中
- radio按钮点击文字选中按钮
- radio 点击文字选中
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击文字实现radio 选中（不使用js）
- 如何点击文字，把input type="radio" 或者 input type="checkbox" 也选中
- 【js】点击radio后的文字实现选中效果
- 点击radio控件后的文字，选中控件
- 前端优化 —— CheckBox 复选框点击过快导致选中旁边文字问题
- 点击单选按钮radio后面的文字即可选中单选按钮
- 如何点击单选框 radio 后面的文字,选中单选框
- html中点击radio后的文字相当于选中该单选按钮如何实现？怎么实现两个redio，选中一个，取消另一个？
- 点击单选按钮radio后面的文字即可选中单选按钮
- 【前端JS】radio 可单选可点击取消选中
- 不使用js实现点击文字选中radio
- 点击后边文字选中radio
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击文字，把input type="radio"也选中
- 点击文字选中radio
- 点击文字，把input type="radio"也选中