1、实例背景
ionic单选框用的是radio，设置样式item-radio
2、实例源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>ionic之单选框</title>
<link rel="stylesheet" href="../css/ionic.css" />
<script type="text/javascript" src="../js/angular/angular.js" ></script>
<script type="text/javascript" src="../js/ionic.js"></script>
<script type="text/javascript" src="../js/ionic-angular.js" ></script>
<script type="text/javascript" src="../js/ionic.bundle.js" ></script>
</head>
<body>
<div class="content has-header">
<div class="list">
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
一月
</div>
<i class="radio-icon ion-checkmark "></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
二月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
三月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
四月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
五月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
六月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
七月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
八月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
九月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
十月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
十一月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
十二月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
<label class="item item-radio">
<input type="radio" name="group" value="go" checked="checked">
<div class="item-content">
十二月
</div>
<i class="radio-icon ion-checkmark"></i>
</label>
</div>
</div>
</body>
</html>
3、实例结果
