首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >根据属性'name‘对html单选按钮进行排序

根据属性'name‘对html单选按钮进行排序
EN

Stack Overflow用户
提问于 2015-07-15 05:20:10
回答 1查看 1.2K关注 0票数 0
代码语言:javascript
复制
<input type="radio" name="AIM Data Quality Report" value="1" ng-click="DisplayMonthYear()" />
AIM Data Quality Report
<br />
<input type="radio" name="Compliance Report" value="14" ng-click="DisplayYear()" />Compliance Projects Report
<br />
<input type="radio" name="AIM Detailed Report" value="2" ng-click="DisplayMonthYear()" />AIM Detailed Report
<br />

输出应该是这个顺序的无线电按钮。

目标数据质量报告

AIM详细报告

遵守情况报告

EN

回答 1

Stack Overflow用户

发布于 2015-07-15 05:42:55

一种选择是将无线电输入的值保存在控制器中的数组中,然后使用ng-重复输出它们,然后对值进行排序:

HTML:

代码语言:javascript
复制
<div ng-controller="MyCtrl">
    <div ng-repeat="input in radioInputs | orderBy:'name'">
        <input type="radio" name="{{input.name}}" value="{{input.value}}" ng-click="{{input.functionOnClick}}" />{{input.name}}
        <br />
    </div>
</div>

Javascript

代码语言:javascript
复制
var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {

    $scope.radioInputs = [
        {id: 0, name: 'AIM Data Quality Report', value: "1", functionOnClick: "DisplayMonthYear()"},
        {id: 1, name: 'Compliance Report', value: "14", functionOnClick: "DisplayYear()"},
        {id: 2, name: 'AIM Detailed Report', value: "2", functionOnClick: "DisplayMonthYear()"}
];

}

这里有一个小提琴:http://jsfiddle.net/fsalin/u750fw7u/1/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31422048

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档