Jquery给easyui的表单元素赋值，获取值

1.Input

    a.    validatebox

定义：

 

<input type="text" name="userName" id="userName" style="width: 99%"                      maxlength="50" class="easyui-validatebox" data-options="required:true" />

赋值：

$("#userName").val('1212'),

取值：

$("#userName").val()

b.    ComboBox  

定义：

<td colspan="5">  城市:  <input id="city" style="width: 80px" class="easyui-combobox" data-options=" valueField: 'CityAreaCode', textField: 'CityAreaName', url: '../../Ajax/InforService.ashx?Method=GetCity',                 onSelect: function(rec){         var url = '../../Ajax/InforService.ashx?Method=GetArea&CityAreaCode='+rec.CityAreaCode;           $('#area').combobox('reload', url);       $('#area').combobox('setValues', '');        }" />  区县:  <input id="area" class="easyui-combobox" data-options="valueField:'CityAreaCode',textField:'CityAreaName'" />  街道:  <input type="text" value="" onchange="doValue(this.value)" style="width: 45%" name="SC001_APPLYDEPTADDRESS"      maxlength="23" class="easyui-validatebox" id="SC001_APPLYDEPTADDRESS" data-options="required:true" />

取值：

$("#city2").combobox("getValues") $("#city").combobox("getValues") + "," + $("#area").combobox("getValues") + "," + $("#SC001_APPLYDEPTADDRESS").val(),

赋值：

$('#city').combobox('setValue', ‘北京’);

c.    NumberBox  

定义：

<input type="text" class="easyui-numberbox" maxlength="20" name="nn" id="nn" />

赋值：

$('#nn').numberbox('setValue', 206.12);

取值：

var v = $('#nn').numberbox('getValue');

d.    DateBox

定义：

<input type="text" name="nn" id="nn" class="easyui-datebox"                        data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />

赋值：

$("#SC001_CERTIFICATEVALID").datebox('setValue', '2014-9-12');

取值：

$('#nn').datebox('getValue'),

e.    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');

f.     Radio 单选按钮

定义：

<td height="30" colspan="5">    <input type="radio" name="APPLYDEPTTYPE" value="1" checked="checked" />事业法人    <input type="radio" name="APPLYDEPTTYPE" value="2" />企业法人    <input type="radio" name="APPLYDEPTTYPE" value="3" />社团法人    <input type="radio" name="APPLYDEPTTYPE" value="4" />其他</td>

赋值：

var str = result.userName; $("[value='" + str + "']").attr("checked", true);

取值：

$('input[name="userName"]:checked').val()

g.    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就是值

2.TextArea

定义：

<textarea cols="25" rows="3" name="BUSINESSALLOW" id="BUSINESSALLOW" onpropertychange="if(this.value.length>100){this.value=this.value.substr(0,100)}" class="easyui-validatebox" style="width: 99%; height: 99%" data-options="required:true"></textarea>

赋值和取值与Input标签相同