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>
  31. </body>
  32. </html>

最新文章

  1. docker学习(4) 一些常用操作
  2. XML特殊符号
  3. 在 sublime text 3 中添加 Emmet (ZenCoding)
  4. 郝文菲get技能的经验--20155308
  5. Handler 取不到session 解决办法
  6. SQL对Xml字段的操作
  7. 浏览我的php网页时,出现的都是网页的代码
  8. WordPress 全方位优化指南(下)
  9. 使用ViewPager实现三个fragment切换
  10. poj 2513Colored Sticks
  11. UML中类图的符号解释
  12. 终端管理软件tmux
  13. SqlServer批量备份多个数据库且删除3天前的备份
  14. 【luogu P4005 清华集训2017】小Y和地铁
  15. PHP Socket编程(转)
  16. (转)Oracle EBS 有效银行账户取值 银行科目
  17. 关于Java中扫描仪next()与nextLine()的区别
  18. 20180323 DataTable增加DataRow方式优化
  19. bzoj 4810 由乃的玉米田 - bitset - 莫队算法
  20. Spring Boot 监控与管理

热门文章

  1. MySQL各类日志文件相关变量介绍
  2. javaweb可部署目录结构
  3. Atitti 过程导向 vs 结果导向 attlax的策
  4. collections集合的总括。
  5. 菜鸟学Java(十二)——搭建一个完整的Java开发环境
  6. 支付宝对账单下载Java沙箱调用
  7. Linux系统磁盘满解决方案
  8. python(48):re.split 多分隔符
  9. Centos crontab定时任务
  10. Lua函数[转]