Question

如何利用ionic框架设计出单选框radio

Answer 1

第一步，创建静态页面radio.html，引入ionic框架的CSS和JavaScript文件，如下图所示：

第二步，在body元素标签内插入div和input单选框，并设置样式，如下图所示：

第三步，再次插入label、input和div，并设置样式item-assertive，如下图所示：

第四步，插入label标签元素，并设置样式item-balanced，如下图所示：

第五步，插入label标签，并设置元素样式item-calm，如下图所示：

6
第六步，再次插入label标签，并设置元素样式item-dark，如下图所示：