ion - radio knap

, radio knapper, er en anden form for elementer, som vi vil dække.forskellen mellem radio knapper fra greb og afkrydsningsfelt former er, at når vi bruger tidligere du vælger kun en radio knap fra listen.senere kan du vælge mere end én.,, at radio knapper, eftersom der ikke altid vil være mere end en radio knap for at vælge fra, den bedste måde at skabe liste.det gjorde vi, når vi ville have flere elementer.listen i punkt klasse vil være på radioen.igen vil vi bruge, etiket, for dette som for alle andre former.input vil have, navn, attribut.denne attribut gruppe alle de knapper, at du vil bruge som muligt valg.det kan være, hvad du vil.punkt indhold klasse anvendes til at vise mulighederne.At the end we will use ,radio-icon, class to add checkmark icon that will be used to mark option that user choosed., ,In our example bellow there are four radio buttons, and the second one is chosen., , <div class="list"> <label class="item item-radio"> <input type="radio" name="group1"> <div class="item-content"> Choice 1 </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group1"> <div class="item-content"> Choice 2 </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group1"> <div class="item-content"> Choice 3 </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group1"> <div class="item-content"> Choice 4 </div> <i class="radio-icon ion-checkmark"></i> </label> </div> , ,Above code will produce following screen:, , ,Multiple Radio Button Groups, ,Sometimes you want to create more then one group to choose from. det er, hvad de hedder, attribut.næste eksempel gruppe to første og sidste to knapper som to mulighed gropups.,, vi vil bruge på armlænet, klasse at adskille to grupper.Notice that the first group has ,name, attribute equal to ,group1, and the secon one use ,group2,., , <div class="list"> <div class=" item item-divider"> Group1 </div> <label class="item item-radio"> <input type="radio" name="group1"> <div class="item-content"> Choice 1 </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group1"> <div class="item-content"> Choice 2 </div> <i class="radio-icon ion-checkmark"></i> </label> <div class=" item item-divider">group2 < /div > < mærke klasse = "punkt punkt radio" > < input type = "radio" navn = "group2" > < div klasse = "punkt indhold" > valg 3 < /div > og lt; - klasse = "radio ikon - checkmark" > < jeg > < /etiketten > < mærke klasse = "punkt punkt radio" > < input type = "radio" navn = "group2" > < okay klasse = "punkt indhold" > valg 4 < /div > < - klasse = "radio ikon - checkmark" > < jeg > < /etiketten > < /div >, frem for kode producere efter skærm:,,,

Ionic Radio Button
Ionic Radio Button Groups



Previous:
Next Page: