av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

angular.js - angularjs 如何用一組按鈕完成單選

瀏覽:133日期:2024-09-22 15:53:48

問題描述

辛苦各位了,請問如何用一組按鈕來做單選的問題,萬分感謝!

如圖,需要做到2點:

1、頁面加載后,根據傳回的值 domain:'8' ,設置默認勾選的按鈕和按鈕里的圖標class;2、點擊一個按鈕,清除其他按鈕樣式,并給點擊的按鈕添加 class active

效果圖如下(現在是直接用添加class形成的)angular.js - angularjs 如何用一組按鈕完成單選

傳回的數據結構如下

{ 1: '健康', 2: '法律', 3: '心理', 4: '醫美', 5: '教育', 6: '職場', 7: '汽修', 8: '其他'}HTML結構如下(當前是我寫的,但只能多選)

<ul class='tag-list button-select-group'> <li ng-repeat='item in domainList'> <button type='button' ng- ng-click='checkDomain($index+1)' ng-model='domain' value='{{$index+1}}'>{{item}}<span ng-class='{’fa fa-check-square’:$index + 1 == defaultDomain}'></span> </button></li></ul>JS如下

$scope.defaultDomain = data.domain;//服務器返回的domain字段數據$scope.checkDomain = function (id) {$scope.defaultDomain=id; }

問題解答

回答1:

定義一個變量賦當前value給他,然后在class做判斷,如果值=index就加上樣式

回答2:

直接用radio形式來做,默認樣式隱藏就好了,然后對對應的label在樣式上做文章

相關文章:
主站蜘蛛池模板: 天天干视频网 | 蜜桃视频在线观看免费视频网站www | 99成人免费视频 | 国产成人免费在线 | 国产成人jvid在线播放 | av成人在线观看 | 日韩电影免费在线观看中文字幕 | 久久亚洲国产精品日日av夜夜 | 自拍偷拍第一页 | 男女羞羞视频免费看 | 99精品欧美一区二区三区综合在线 | 毛片在线看片 | 国产91 在线播放 | 国产黄色一级片 | 久久久久久网站 | 欧美一级二级三级 | 国产精品视频在线观看 | 亚洲一区二区三区免费观看 | 国产区一区二区三区 | 国产成人福利视频在线观看 | 欧美高清性xxxxhd | 欧美黑人体内she精在线观看 | 一区二区三区av夏目彩春 | h视频在线免费观看 | 亚洲天堂中文字幕 | 国产精品久久久久久久久久三级 | 亚洲a一区二区 | www.一级毛片| 91亚洲国产亚洲国产 | www.久久| 国产精品69久久久久水密桃 | 国产成人一区二 | 你懂的国产 | 国产亚洲精品91 | 国产精品一区在线 | 国产高清在线 | 色婷婷亚洲| 亚洲国产一区二区三区在线观看 | 日本激情一区二区 | 色视频网站在线观看 | 国产精品不卡一区 |