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

Popular posts from this blog

android - How to save instance state of selected radiobutton on menu -

python 3 IndexError: list index out of range -

IF statement in MySQL trigger -