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>

 

 posted on 2017-03-01 21:05  夏末秋萍  阅读(190)  评论(0编辑  收藏  举报