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

IF statement in MySQL trigger -

c++ - What does MSC in "// appease MSC" comments mean? -

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -