reset radio button using angular js

Question

<div class="reset">
  <a href="#" ng-click="resetall()">Reset</a>
</div>
<div class="check_box" ng-hide="filter[web.websiteId]" ng-repeat="web in website">                                                  
<label><input type="radio" value="{{web.websiteId}}" id="{{web.websiteId}}" name="webname" ng-click="webcall(web)" ng-model="filter[web.websiteId]" />{{web.websiteName}} ({{web.couponCount}})</label>

How i make unchecked the radio button using resetall function .I am using angular js v1.2.17

you are right, I updated the answer with ng-model, it should be better — Pierre
– Pierre, Commented Aug 7, 2014 at 12:43
the best would be to add something like web.checked as you already have web.websiteId — Pierre
– Pierre, Commented Aug 7, 2014 at 12:47

Pierre · Accepted Answer · 2014-08-07 14:22:59Z

7

As ngChecked only works 1 time you can use ng-model:

ng-model="testCheck.button1"

and in your function resetall:

$scope.button1 = false;

testCheck should contain x buttons ( button1, 2 ... )

JSFiddle here.

edited Aug 7, 2014 at 14:22

answered Aug 7, 2014 at 12:15

Pierre

6561 gold badge8 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Himanshu Bhuyan Over a year ago

I try no reset using ng-model but same problem only one it works

Himanshu Bhuyan Over a year ago

my json file structure: "websites":[{ "websiteName":"Flipkart", "websiteId":"1", }, { "websiteName":"asas", "websiteId":"5", }]

Himanshu Bhuyan Over a year ago

my controller: $scope.resetall = function () { $scope.website.forEach(function (web) { web.websiteId = false; $scope.onlinedata = $scope.restdata; }); }; its not working properly once i click reset then it reset the radio button but after that when i click on radio button then it pass websiteId false

Pierre Over a year ago

I think you should open a new question for the issue with ie 8

Collectives™ on Stack Overflow

reset radio button using angular js

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related