easyUI linkbutton组件:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="easyui/jquery.min.js"></script> <script src="easyui/jquery.easyui.min.js"></script> <script src="easyui/locale/easyui-lang-zh_CN.js"></script> <script src="js/test007.js"></script> <link rel="stylesheet" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" href="easyui/themes/icon.css"> </head> <body style="margin:20px"> <a href="#" class="easyui-linkbutton">linkbutton</a> <a href="#" id="box">link2button</a> <a href="#" id="pox">link2_2button</a> </body> </html>
$(function(argument) { var obj = { // id:'pox',//修改id // disabled:true,//禁用按钮 // toggle:true,//反复开关按钮 // selected:true,//默认选中状态 // group:'sex',//两个以上进行分组;与toggle一起使用; // plain:true,//简洁效果 // text:'buttonText',//innerHTML的效果 // iconCls:'icon-add',//图标的cssName // iconAlign:'right',// 图标的定位 // size:'large',//按钮大小 }; $('#box').linkbutton(obj); $('#pox').linkbutton(obj); $('#box').linkbutton('disable'); //要放到这里才有效果 $('#box').linkbutton('enable'); $('#box').linkbutton('resize',{width:'100%',height:32});//设置大小 $('#box').linkbutton('select');//选中 });