angularjs radio
2016-02-26 15:47
549 查看
@{ Layout = null; } <!DOCTYPE html> <html ng-app="my_app"> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.10.2.min.js"></script> <script src="~/Scripts/angular.min.js"></script> <script type="text/javascript"> var app = angular.module("my_app", []); app.controller('my_controller', function ($scope) { var vm = $scope.vm = {}; vm.Student = 3; vm.Students = [ { id: 1, name: '张三' }, { id: 2, name: '李四' }, { id: 3, name: '王武' }, { id: 4, name: '马骝' } ] $scope.getCurrentSelectedStudent = function () {//当前选中学生 alert(vm.Student); } }); </script> </head> <body ng-controller="my_controller"> <div> <table> <tr> <td ng-repeat="item in vm.Students"> <input type="radio" value="{{item.id}}" name="test" ng-model="vm.Student" ng-click="getCurrentSelectedStudent();">{{item.name}} </td> </tr> </table> </div> </body> </html>
相关文章推荐
- JavaScript中获取Radio被选中的值
- JavaScript通过this变量快速找出用户选中radio按钮的方法
- js实现的简单radio背景颜色选择器代码
- javascript radio list的实现细节(多浏览器兼容)
- 利用JavaScript更改input中radio和checkbox样式
- jquery获取radio值(单选组radio)
- 解决jquery实现的radio重新选中的问题
- Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
- jQuery实现自定义checkbox和radio样式
- JQuery判断radio是否选中并获取选中值的示例代码
- 三种取消选中单选框radio的方法
- 新老版本juqery获取radio对象的方法
- jquery获取input表单值的代码
- 利用jquery操作Radio方法小结
- js实现表单Radio切换效果的方法
- select、radio表单回显功能实现避免使用jquery载入赋值
- 为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
- php radio 单选框获取与保持值的实现代码
- php select,radio和checkbox默认选择的实现方法
- 使用Java获取html中Select,radio多选的值方法