1.單選框

ionic當選按鈕與標準 type="radio" 的 input元素類似。以下展示了現代app類型的單選按鈕。

每個 item-radio 中的 type="radio" 的 input 元素的 name 屬性都相同。radio-icon 類用于是否顯示圖標。

ionic 在單選項中使用了 <label> 元素，使其更易點擊。

<div class="content">			<div class="list">				<label class="item item-radio">				  <input type="radio" name="group" value="蘋果" checked="checked">				  <div class="radio-content">				  <div class="item-content">				    蘋果				  </div>				  <i class="radio-icon ion-checkmark"></i>				  </div>				</label>				<label class="item item-radio">				  <input type="radio" name="group" value="香蕉">				  <div class="radio-content">				  <div class="item-content">				    香蕉				  </div>				  <i class="radio-icon ion-checkmark"></i>				  </div>				</label>			</div>	</div>
2.復選框
ionic里面的 Checkbox 和普通的 Checkbox 效果上其實相差不大，只是樣式上有所不同。
以下實例演示了多個復選框的列表。
注意，每個選項的 item 類后需要添加 item-checkbox 類。
復選框可以使用checkbox-assertive 來指定顏色。
<div class="content">		<ul class="list">			<li class="item item-checkbox">			     <label class="checkbox">			       <input type="checkbox">			     </label>			     蘋果			</li>			<li class="item item-checkbox">			     <label class="checkbox">			       <input type="checkbox" checked="">			     </label>			     香蕉			</li>		</ul>	</div>
3.選擇框
 ionicselect 的 select 相比原生的要更加美觀些。但是彈出的可選選項樣式是瀏覽器默認的。
每個平臺上的可選項樣式都是不一樣的，在PC電腦的瀏覽器上，你會看到傳統的下拉界面，Android上會彈出單選按鈕選項，iOS 有個滾輪操作界面。
<div class="content">		<div class="list">		  <label class="item item-input item-select">		    <div class="input-label">		      水果		    </div>		    <select>		      <option>橘子</option>		      <option selected>香蕉</option>		      <option>芒果</option>		    </select>		  </label>		  <label class="item item-input item-select">		    <div class="input-label">		      中國		    </div>		    <select>		      <option>香港</option>		      <option selected>澳門</option>		      <option>臺灣</option>		    </select>		  </label>		</div></div>