angularjs怎么获取到单选框的值

angularjs怎么获取到单选框的值


ABOUTYOU
浏览 1002回答 4
4回答

精慕HU

例: 无标题文档 function test1(){ alert(document.form1.radiobutton[0].value);} function test2(){ alert(document.form1.radiobutton[1].value);}

临摹微笑

参考这个<-- index.html --><!DOCTYPE html><html><head><link rel="stylesheet" href="bootstrap.min.css"><style>body{ padding-top:50px; }form{ margin-bottom:50px; }</style><script type="text/javascript" src="angular.min.js"></script></head><body ng-app="formApp" ng-controller="formController"><div class="col-xs-12 col-sm-10 col-sm-offset-1"><h2>Sample Form Object</h2><pre>{{ formData }}</pre><label>Chicken or the Egg?</label><div class="form-group"><div class="radio"><label><input type="radio" name="chickenEgg" value="chicken" ng-model="formData.chickenEgg">Chicken</label></div><div class="radio"><label><input type="radio" name="chickenEgg" value="egg" ng-model="formData.chickenEgg">Egg</label></div></div></div></body></html><script>var formApp = angular.module('formApp', []).controller('formController', function($scope) {//$scope.formData = {};});</script>

RISEBY

angularjs获取到单选框的值的方法:1、定义一组radio:<label>Chicken or the Egg?</label><div class="form-group"><div class="radio"><label><input type="radio" name="chickenEgg" value="chicken" ng-model="formData.chickenEgg">Chicken</label></div><div class="radio"><label><input type="radio" name="chickenEgg" value="egg" ng-model="formData.chickenEgg">Egg</label></div></div>2、js代码如下:var myApp = <b style="color:#000;background:#ffff66">angular</b>.module("myApp", []);myApp.controller("myController", function($scope) {$scope.selectedGender = '';$scope.getRadioButtonValue = function(gender) {// copy dataalert(gender);$scope.selectedGender = <b style="color:#000;background:#ffff66">angular</b>.copy(gender);};});&nbsp;&nbsp;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

AngularJS