<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ligerui001</title> <link href="ligerui-all.css" rel="stylesheet" type="text/css" /> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="base.js" type="text/javascript"></script> <script src="ligerTextBox.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ //将一个html文本框转换成ligerui文本框对象，并返回ligerui对象 var g=$("#txt1").ligerTextBox(); /** 如何获取属性：设置文本框是否能被编辑 */ //方式一 alert('方式一：是否能被编辑：'+g.get('disabled')); //方式二 alert('方式二：是否能被编辑：'+$("#txt1").ligerTextBox('option','disabled')); /** 如何设置属性 */ //方式一 g.set('disabled',true); alert('方式一：设置不能被编辑：'+g.get('disabled')); //方式二 $("#txt1").ligerTextBox('option','disabled',true); alert('方式二：设置不能被编辑：'+$("#txt1").ligerTextBox('option','disabled')); /** 如何调用方法： */ //方式一 g.setDisabled(); alert('调用方法：方式一：'+g.get('disabled')); //方式二 $("#txt1").ligerTextBox('setEnabled'); alert('调用方法：方式二：'+g.get('disabled')); /** 如何设置事件 */ //这里给文本框绑定一个改变值的事件，也可以设置onChangeValue参数 //第一种方式： g.bind('changeValue',function(value){ alert("文本框一值改变为："+value); }); //第二种方式； g=$("#txt2").ligerTextBox({ onChangeValue:function(value){ alert("文本框二值改变为："+value); } }); }); </script> </head> <body> <form> <input id="txt1" type="text" /> <input id="txt2" type="text" /> </form> </body> </html>