linkbutton

最新推荐文章于 2023-04-21 08:43:08 发布

weixin_30911451

最新推荐文章于 2023-04-21 08:43:08 发布

阅读量110

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/m01qiuping/p/6486335.html

版权

easyui的 linkbutton用来声明按钮

<!DOCTYPE html>
<html>
<head>
<title>jQuery Easy UI</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js" ></script>
<link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/icon.css" />
<script type="text/javascript">
    $(function(){
        $.fn.linkbutton.defaults.disabled=true;
        $("#href").linkbutton({
            disabled : false,
            id : "btn1",//设置按钮的id
            text : "提交",
            selected : true,//设置按钮是否被选中
            iconCls : "icon-man",//在按钮文字左侧的图标
            iconAlign : "right",//图标的位置 right left
            plain : true,//简洁效果的设置
            group : null,//设置按钮所属的组
        });
        console.log($("#id1").linkbutton("options"));//返回属性对象
        //$("#id1").linkbutton("disable")设置禁止按钮
        //$("#id1").linkbutton("enable")设置启用按钮
        //$("#id1").linkbutton("select")设置选择按钮
        //$("#id1").linkbutton("unselect")设置不选择按钮
    });
</script>
</head>
<body>
<a href="#" id="id1" class="easyui-linkbutton">按钮1</a>
<a href="#" id="href">按钮</a>
</body>
</html>