8.0w+
社区成员
angular js web开发问题：列表循环出来的单选按钮如何控制其样式和选中？
先贴图：
这里高中低和下面的那一组都是循环出来的值，我现在要实现的是 选中其中某一个就加深其颜色，并选中单选按钮，选中另一个其他颜色变回原来的。
我做的是用div 套一个input框，隐藏里面的单选按钮框，用div控制样式，但是这样只能显示上面的样式，不能改变其样式和选中，求大神提供更好的方法。万分感谢！！！！
这里高中低和下面的那一组都是循环出来的值，我现在要实现的是 选中其中某一个就加深其颜色，并选中单选按钮，选中另一个其他颜色变回原来的。我做的是用div 套一个input框，隐藏里面的单选按钮框，用div控制样式，但是这样只能显示上面的样式，不能改变其样式和选中，求大神提供更好的方法。万分感谢！！！！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
星空下的追梦人 2015-11-04
突然想到，实现单选按钮的效果就行了，没必要一定是单选按钮。求解！
干货！Web前段单词大全（html+css+js），这些你都认识吗？ 小编创建了一个群，有前端系统的学习资料和帮助解答问题，欢迎各位小白和大牛们的加入，点击：加群 center 居中 left 居左 right 居右 line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中 background 背景 ...
vue,react,angular三大web前端流行框架简单对比 Angular CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。 npm i -g @angular/cli 全局安装cli工具 ng new my-app 创建一个叫做my-app的项目 cd my-app 进入...
2020最新web前端开发经典面试题及答案，收罗近5年面试资料，史上最全前端面试宝典 无论你是前端工作者、还是想要入坑的朋友、或者是前端小白，相信你看完这篇面试宝典，一定会获益匪浅 因为文件内容有点多，这里只展示目录 以下是下载地址 ...提取码：msbd 附上目录： 一、HTML 和 CSS … 21 ...它和 Sta.
angular4 入门 笔记来源于慕课网视频https://coding.imooc.com/class/chapter/94.html#Anchor 老师 JoJozhai 纳斯达克上市公司技术总监，创业公司CTO在angular4 中，较少组件之间的...一、angular4 课程介绍和简介 课程介绍 ...
Web 前端知识点总结 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发？ 4.平时是如何学习前端开发的？ 5.未来三到五年的规划是怎样的？ position的值， ...
javascript开发：javascript基础知识点 1、javascript的typeof返回哪些数据类型 object number function boolean underfind string typeof isNaN 检测数组的几种方式： Array.isArray(); es5 toString.call([]);//”[object ...
web前端开发面试题 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发？ 4.平时是如何学习前端开发的？ 5.未来三到五年的规划是怎样的？ position的值， relative和...
2021最全面、最详细web前端面试题及答案总结 2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太...
前端面试题 前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？...它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的异同？ 22 你能...
web前端基础html,css,js,jquery l Angular google 出品 基于TypeScript的开源 Web 应用框架 l Vue 国人出品，阿里收购 构建用户界面的渐进式框架，自底向上开发 l NodeJS 基于 Chrome V8 引擎的 JavaScript 运行环境 目前市场主流是ES6标准，但...
AngularJS入门之如何快速上手（详细讲解什么是angular） 标签： angular轮播购物车进度条bootstrap简介： AngularJS （ng）诞生于2009年 由Misko Hevery 等人创建 后为Google所收购 （PS：下载angular项目所用到的所有js路径：...
web前端技能方法总结（css、js、jquery、html） skin 皮肤 code 代码 even 事件 array 数组 integer 整数 veruant 变量 common 公用 switch case 情况 break 中断整个循环 continue 跳出本次循环 default 不履行/所有情况都不满足的时候走这个 null 没有/空对象 ...
Web前端需要知道的单词汇总 skin 皮肤 code 代码 even 事件 array 数组 integer 整数 veruant 变量 common 公用 switch case 情况 break 中断整个循环 continue 跳出本次循环 default 不履行/所有情况都不满足的时候走这个 null 没有/空对象 ...
web前端经典面试题 web前端面试题 其他问题 1、请谈谈你对性能优化的认识？ 网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images, stylesheets, javascripts,scripts, flash等)。减少请求次数是缩短响应时间的...
web前端100道面试题 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发？ 4.平时是如何学习前端开发的？ 5.未来三到五年的规划是怎样的？ position的值， relative和...
web前端常用词汇 爪哇岛（位于印尼） script [skrɪpt] 脚本 javascript ['dʒɑ:və,skrɪpt] 基于对象和事件驱动的客户端脚本语言 variable ['veərɪəb(ə)l] 变量 console [kən'səʊl] 控制台 log [lɒg] 记录 ...
