Code to clear mat radio button select.

Yashwanth Pandi

7y14.8kAngular

How to clear mat radio button select

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Muthu Kumar7y ago
Accepted answer
Hi Yashwanth Pandi,

Here is an example for clear mat radio button value. If you using ngModel in your mat radio button is so simple to do.
Html code looks like following example,
class="mat-radio-label-content" [(ngModel)]="gender">
     "Male" class="vert-radiobox-list" >
           Male

     "Female" class="vert-radiobox-list" >
           Female

     "Others" class="vert-radiobox-list">
           Others
class="restore-button" (click)="clear()">Reset
Typescript
public gender: any;

clear(){
    this.gender= null; // or false or ''
  }
I hope its helps to you.
Laxmidhar Sahoo7y ago
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>title>
head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js">script>
<script type="text/javascript">
var app = angular.module('MyApp', [])
app.controller('MyController', function ($scope, $window) {
$scope.CheckPassport = function () {
if (typeof ($scope.HasPassport) != "undefined") {
if ($scope.HasPassport) {
$window.alert("RadioButton YES is checked.");
} else {
$window.alert("RadioButton NO is checked.");
}
} else {
$window.alert("RadioButtons are not checked.");
}
};
});
script>
<div ng-app="MyApp" ng-controller="MyController">
Do you have Passport?
<label>
<input type="radio" ng-model="HasPassport" ng-value="true" />
Yes
label>
<label>
<input type="radio" ng-model="HasPassport" ng-value="false" />
No
label>
<input type="button" value="Check Passport" ng-click="CheckPassport()" />
div>
body>
html>
Ankur Mistry7y ago
https://stackoverflow.com/questions/45697419/clearing-md-radio-button-selections-in-angular-2-app
Sanwar Ranwa7y ago
Hello Yashwanth

Please check this Link

https://stackoverflow.com/questions/45697419/clearing-md-radio-button-selections-in-angular-2-app
Laxmidhar Sahoo7y ago
Hi yashwanth

Please describe detailslanguage like c# or javascript