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>
    31.  
    32. </body>
    33. </html>
  • 相关阅读:
    mongodb数据库shell
    PLINK pca
    xgboost 安装
    tensorflow之损失函数
    php,mysql存储过程的简单例子
    ECharts初体验
    mysql常用连接查询
    php流程控制
    php循环
    高效率php注意事项
  • 原文地址：https://www.cnblogs.com/huangf714/p/6343279.html
Copyright © 2011-2022 走看看