链接按钮LinkButton（按钮组）-白红宇

链接按钮LinkButton（按钮组）

阅读量：5046 次

发布时间：2019-06-12

本文共 1773 字，大约阅读时间需要 5 分钟。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Button Group - jQuery EasyUI Demo</title>

<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="../../themes/icon.css">

<link rel="stylesheet" type="text/css" href="../demo.css">

<script type="text/javascript" src="../../jquery.min.js"></script>

<script type="text/javascript" src="../../jquery.easyui.min.js"></script>

</head>

<body>

<h2>Button Group</h2>

<p>In a button group only one button can be selected.</p>

<div style="margin:10px 0 40px 0;"></div>

<div class="easyui-panel" style="padding:5px;">

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 1</a>

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1',selected:true">Button 2</a>

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 3</a>

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 4</a>

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 5</a>

</div>

<div style="margin:20px 0;"></div>

<div class="easyui-panel" style="padding:5px;">

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 1</a>

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true,selected:true">Button 2</a>

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 3</a>

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 4</a>

<a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 5</a>

</div>

</body>

</html>

转载于:https://www.cnblogs.com/huangf714/p/6343279.html

你可能感兴趣的文章

看看 Delphi XE2 为 VCL 提供的 14 种样式

查看>>

Python内置函数(29)——help

查看>>

机器学习系列-tensorflow-01-急切执行API

查看>>

SqlServer 遍历修改字段长度

查看>>

Eclipse快捷键：同时显示两个一模一样的代码窗口

JDBC基础篇（MYSQL）——使用statement执行DQL语句（select）

查看>>

关于React中props与state的一知半解

查看>>

java中Hashtable和HashMap的区别（转）

查看>>

关闭数据库

查看>>

webStrom智能提示忽略首字母大小写问题