javascript - I design radio button in css3 and used into ng repeat in angularjs, but not owrking properly? -
<div data-ng-repeat="p in pp.rate"> <input type="radio" ng-model="result.price" ng-true-value="{{p.price}}" ng-false-value=""> <label for="radio"><span class="radiodesign"></span>{{p.plan}}</label> </div> <style> input[type="radio"] { display: none; } input[type="radio"] + label span { display: inline-block; width: 27px; height: 28px; margin: -1px 4px 0px 5px; vertical-align: middle; background: url(images/uncheck.jpg) left top no-repeat; cursor: pointer; } input[type="radio"]:checked + label span { background: url(images/checked.jpg) -0px top no-repeat; } .radiodesign { width: 29px; margin-left: 11px; height: 30px; } </style> whenever click radio button, selected first option of radio. not working properly. how used customized design radio button ng-repeat.
Comments
Post a Comment