easyui-textbox
<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-textbox" type="text"
name="snumber" data-options="required:true, missingMessage:'請輸入學號'" /> 賦值的方式： 1 //使用表單選擇器：代碼似乎是有異常的 2 //$("input[name='snumber']").textbox('setValue', "22012"); 3 //使用表單選擇器：代碼沒有異常 但不能為input設置值 4 //$("input[name='snumber']").val("22012"); 5 //使用id選擇器：不能設置值 6 //$("#addSnumber").val("22012"); 7 //使用id選擇器：可以設置值 8 $("#addSnumber").textbox('setValue', "22012"); 9 //使用id選擇器和setText：可以設置值 10 $("#addSnumber").textbox('setText', "22012"); 所以：為text-box設置值只能使用id選擇器選擇表單元素，然后使用textbox("setValue", value); 的方式進行賦值；
獲取值也是如此： var snumber = $("#addSnumber").textbox('getValue');
easyui-validatebox的設置值或獲取值的方式又有點不一樣 表單作如下定義: <input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-validatebox" type="text"
name="snumber" data-options="required:true, missingMessage:'請輸入學號'" /> 獲取值的方式： 1 //這種方式是可以設置值的 2 //$("#addSnumber").val("22015"); 3 //可以設置值 4 //$("input[name=snumber]").val("22015"); 5 //不能設置值，且語法不對有異常 6 //$("input[name=snumber]").textbox("setValue", "22015"); 7 //不能設置值，且語法不對有異常 8 //$("input[name=snumber]").textbox("setText", "22015"); 9 //不能設置值，且語法不對有異常 10 //$("#addSnumber").textbox("setvalue", "22015"); 所以：validatebox只能用$().val()方式設置和獲取值，選擇器既可以用id選擇器，也可以用表單選擇器
①給input控件 class="easyui-textbox"
<input class="easyui-textbox" data-options="required:true" type="text" id="RelCompanyName" name="RelCompanyName" style="width: 300px;" />
$("#RelCompanyName").attr('resize','140px');//設置寬度
$("#RelCompanyName").attr('readonly',false);//設置可讀
$("#RelCompanyName").attr('readonly',true);//設置只讀
var val = $("#RelCompanyName").textbox('getValue')//取值
$("#RelCompanyName").textbox('setValue','小丑公司')//賦值
②給select 控件（combobox） 下拉框賦值
<select data-options="required:true" id="ShopType" name="ShopType" style="width: 200px;">
$('#ShopType').combobox('setValue', 2);//賦值
$('#ShopType').combobox('setValue', "");//賦空
var v = $('#ShopType').combobox('getValue');//取值 id
var text_v = $('#ShopType').combobox('getText');//取值text
③給input控件 class="easyui-numberbox"
<input class="easyui-numberbox" maxlength="20" id="Age" name="Age" />
$('#Age').numberbox('setValue', 206.12);//賦值
var v = $('#Age').numberbox('getValue');//取值
④給input控件 class="easyui-datebox"
<input type="text" name="date" id="date" class="easyui-datebox" data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />
$("#date").datebox('setValue', '2014-9-12');//賦值
$('#date').datebox('getValue');//取值
⑤給input控件 class="easyui-numberspinner"
<input id="ss" class="easyui-numberspinner" style="width:80px;" required="required" data-options="min:10,max:100,editable:false">
$('#ss').numberspinner('setValue', 8234725);//賦值
var v = $('#ss').numberspinner('getValue');//取值
⑥單選按鈕Radio <td height="30" colspan="5">
<input type="radio" name="APPLYDEPTTYPE" value="事業法人" checked="checked" />事業法人
<input type="radio" name="APPLYDEPTTYPE" value="企業法人" />企業法人
<input type="radio" name="APPLYDEPTTYPE" value="社團法人" />社團法人
<input type="radio" name="APPLYDEPTTYPE" value="其他" />其他
</td>
//賦值
var str = result.APPLYDEPTTYPE;
$("[value='" + str + "']").attr("checked", true);
//取值
$('input[name="APPLYDEPTTYPE"]:checked').val()
⑦多選框checkbox
<td height="60" colspan="5"> 
<input type="checkbox" name="BUSINESSSCOPE" value="水" />水   
<input type="checkbox" name="BUSINESSSCOPE" value="空氣" />空氣   
<input type="checkbox" name="BUSINESSSCOPE" value="土壤" />土壤</br> 
<input type="checkbox" name="BUSINESSSCOPE" value="噪聲" />噪聲  
<input type="checkbox" name="BUSINESSSCOPE" value="生物" />生物
</td>
賦值：
var str3 = result.BUSINESSSCOPE;
if (str3 != null) {
var strs = new Array();
strs = str3.split(",");
for (i = 0; i < strs.length; i++)
{ $("[value='" + strs[i] + "']").attr("checked", true) };
}
取值：
var isc = "";
$("input[name='BUSINESSSCOPE']:checked").each(function () { //遍歷table里的全部checkbox
isc += $(this).val() + ","; //獲取被選中的值
});
if (isc.length > 0) //如果獲取到
isc = isc.substring(0, isc.length - 1); //把最后一個逗號去掉
string isc就是值
jquery attr()方法
在JS中設置節點的屬性與屬性值用到setAttribute(),獲得節點的屬性與屬性值用到getAttribute(),而在jquery中，用一個attr()就可以全部搞定了,贊一個先 ^^
jquery中用attr()方法來獲取和設置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經常用到attr()，attr()有4個表達式。
1. attr(屬性名) //獲取屬性的值（取得第一個匹配元素的屬性值。通過這個方法可以方便地從第一個匹配元素中獲取一個屬性的值。如果元素沒有相應屬性，則返回 undefined ）
2. attr(屬性名, 屬性值) //設置屬性的值 （為所有匹配的元素設置一個屬性值。）
3. attr(屬性名,函數值) //設置屬性的函數值 （為所有匹配的元素設置一個計算的屬性值。不提供值，而是提供一個函數，由這個函數計算的值作為屬性值。）
4.attr(properties) //給指定元素設置多個屬性值，即：{屬性名一: “屬性值一” , 屬性名二: “屬性值二” , … … }。(這是一種在所有匹配元素中批量設置很多屬性的最佳方式。 注意，如果你要設置對象的class屬性，你必須使用'className' 作為屬性名。或者你可以直接使用'class'或者'id'。)
html代碼結構:
<p title="你最喜歡的水果是。">你最喜歡的水果是？</p>
<ul>
<li title="蘋果汁">蘋果</li>
<li title="橘子汁" value="123">橘子</li>
<li title="菠蘿汁">菠蘿</li>
</ul>
1.attr(name)//獲取屬性的值
1.1 使用attr(name)獲取title值：
<script>
alert($("ul li:eq(1)").attr("title"));
</script>
結果：橘子汁
1.2 使用attr(name)獲取value值：
<script>
alert($("ul li:eq(1)").attr("value"));
</script>
結果：123
2. attr(name,value) //設置屬性的值
2.1 使用attr(name,value)修改title值為：不吃橘子
<script>
$("ul li:eq(1)").attr("title","不吃橘子");
alert($("ul li:eq(1)").attr("title"));
</script>
結果：不吃橘子
3. attr(name,fn) //設置屬性的函數值
3.1 把value屬性的值設置設給title屬性。
<script>
$("ul li:eq(1)").attr("title",function(){ return this.value});
alert($("ul li:eq(1)").attr("title"));
</script>
結果：123
4.attr(properties) //將一個“名/值”形式的對象設置為所有匹配元素的屬性
4.1 獲取<ul>里第2個<li>設置title和value屬性。
<script>
$("ul li:eq(1)").attr({title:"不喝橘子汁",value:"不是123"});
alert($("ul li:eq(1)").attr("title"));
alert($("ul li:eq(1)").attr("value"));
</script>
結果：不喝橘子汁 不是123
4.2 獲取<ul>里第2個<li>設置class。
<script>
$("ul li:eq(1)").attr({className:"lili"});
</script>
結果：第二個li的html：<li class="lili" title="橘子汁" value="123">橘子</li>
4.3 獲取<ul>里第2個<li>設置id。
<script>
$("ul li:eq(1)").attr({id:"lili"});
</script>
結果：第二個li的html：<li id="lili" title="橘子汁" value="123">橘子</li>
4.4 獲取<ul>里第2個<li>設置style。
<script>
$("ul li:eq(1)").attr({style:"color:red"});
</script>
那么怎么刪除屬性呢?
<script>
$("ul li:eq(1)").removeAttr ("title");
</script>