2016-11-07 4 views
0

Hier sind die Code:Wie Radio Button Wert mit angularjs click funciton überprüft werden?

Ich möchte Radioknopf Wert mit angularjs click funciton überprüft werden?

<input type="radio" name="calender" value="calender"> 
<input type="radio" name="calender" value="calender2" checked="checked"> 
<button ng-click="get_val($event)">Click</button> 

$scope.get_val= function(event) 
    { 

    } 
+0

Sie müssen das Kontrollkästchen Wert an die Steuerung –

+0

https://docs.angularjs.org/api/ng/input/input%5Bradio%5D –

+0

Okay, fein, binden, danke für du Zeit. – Aaron

Antwort

1

einfach diesen unter Code-Snippet auf, wie die Werte der ng-model zu binden und Sie können sie überall in ihrem Umfang zugreifen.

var app = angular.module('plunker', []); 
 
app.controller('MainCtrl', 
 
    function MainCtrl($scope) { 
 

 
    $scope.radioVal = 'calender2'; 
 
    $scope.get_val = function(event) { 
 
     console.log($scope.radioVal); 
 
    } 
 
    });
<script data-require="[email protected]" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script> 
 

 
<div ng-app="plunker" ng-controller="MainCtrl"> 
 
    <input type="radio" name="calender" value="calender" ng-model="radioVal"> 
 
    <input type="radio" name="calender" value="calender2" ng-model="radioVal"> 
 
    <button ng-click="get_val($event)">Click</button> 
 
</div>

+0

@AjayMalhotra Ich würde Ihnen raten, diesen Ansatz zu verwenden, verwenden Sie Jquery nicht, um einige Dinge zu erledigen, die außerhalb des eckigen Kontexts liegen, und die Werte des Bereichs werden nicht angezeigt, wenn Sie etwas ändern. –

+0

Dies ist mein Coding Blog http: //www.ccode4u.com/, kannst du auch deinen Code hinzufügen und ich werde mit deinem Namen schreiben. Vielen Dank .. – Aaron

+0

Sicher! Ich werde auschecken :) Wenn die Antwort Ihnen geholfen hat, können Sie es akzeptieren? –

2

Hier können Sie dieses Add-Wert überprüfen bekommen

var flag_item_val = $("input:radio[name=calender]:checked").val(); 
Verwandte Themen