链接按钮LinkButton（按钮组）

zoukankan html css js c++ java

链接按钮LinkButton（按钮组）
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <meta charset="UTF-8">
5. <title>Button Group - jQuery EasyUI Demo</title>
6. <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
7. <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
8. <link rel="stylesheet" type="text/css" href="../demo.css">
9. <script type="text/javascript" src="../../jquery.min.js"></script>
10. <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
11. </head>
12. <body>
13. <h2>Button Group</h2>
14. <p>In a button group only one button can be selected.</p>
15. <div style="margin:10px 0 40px 0;"></div>
16. <div class="easyui-panel" style="padding:5px;">
17. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 1</a>
18. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1',selected:true">Button 2</a>
19. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 3</a>
20. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 4</a>
21. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g1'">Button 5</a>
22. </div>
23. <div style="margin:20px 0;"></div>
24. <div class="easyui-panel" style="padding:5px;">
25. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 1</a>
26. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true,selected:true">Button 2</a>
27. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 3</a>
28. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 4</a>
29. <a href="#" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true">Button 5</a>
30. </div>
32. </body>
33. </html>
查看全文

相关阅读:
ReactNative typescript路径别名配置，vscode不识别@/youpath配置方法
 代码片段：js数组对象排序
 ScreenToGif SharpDx 下载失败问题
 springboot的@CrossOrigin注解解决细粒度的配置跨域
 java 连接Kafka报错java.nio.channels.ClosedChannelExcep
zookeeper日常报错总结
 Spring Aop、拦截器、过滤器的区别
 搭建zookeeper单机版以及简单命令的使用
 java后台代码发送邮件
 java后台调用http请求

原文地址：https://www.cnblogs.com/huangf714/p/6343279.html