ionic之单选框

最新推荐文章于 2022-06-15 17:01:19 发布

翱翔天地

最新推荐文章于 2022-06-15 17:01:19 发布

阅读量3.3k

点赞数 1

本文链接：https://blog.csdn.net/you23hai45/article/details/52875234

版权

本文介绍了在Ionic应用中创建和使用单选框的方法，通过示例源码详细解析了如何利用`radio`和`item-radio`样式来实现单选框的功能。

摘要由CSDN通过智能技术生成

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