easyui 给文本框 checkbox赋值问题

标签：easyui   html   jquery   js   

刚进公司 要做一个后台维护系统，选择easyui 从未接触过 对于页面给文本框赋值遇到一些问题 写下了来

我之前使用了好几种方式都未能成功给input 文本框赋值

第一尝试传统的JavaScript代码：

<span style="font-size:18px;">document.getElementById("itemvalue").value="值";</span>

<span style="font-size:18px;">   $("#itemvalue").val('值');//通过val
   $("#itemvalue").text('值');//通过text
   $("#itemvalue").html('值');//通过html
   $("#itemvalue").attr('value','值');//通过属性
   //到了这里 还是不行 最后还是上网查资料 得到了一些结果 诶到此为止我心有点凉吧凉吧的了</span>

<input type="text" name="<span style="font-family: Arial, Helvetica, sans-serif;">itemvalue</span>" id="<span style="font-family: Arial, Helvetica, sans-serif;">itemvalue</span><span style="font-family: Arial, Helvetica, sans-serif;">" class="easyui-datebox"></span>

<span style="font-family: Arial, Helvetica, sans-serif;">
</span>

<span style="font-family:Arial, Helvetica, sans-serif;">当我们使用了class 这样的样式：我们的设置值方法 就应该变成这样的了</span>

<span style="font-family:Arial, Helvetica, sans-serif;">$('#itemkey').textbox('setValue','值');
</span>

<span style="font-family:Arial, Helvetica, sans-serif;">取值就应该变成这样的了</span>

<pre name="code" class="html" style="font-family: Arial, Helvetica, sans-serif;"><span style="font-family:Arial, Helvetica, sans-serif;">$('#itemkey').textbox('getValue');</span>

<span style="font-family:Arial, Helvetica, sans-serif;">通过传统的$("#itemkey").val();也是没问题的</span>

<span style="font-family:Arial, Helvetica, sans-serif;">
</span>

<span style="font-family:Arial, Helvetica, sans-serif;">还有其他一些设置 比如说我们的css样式是这样的 </span><span style="font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; color: rgb(0, 0, 255); background-color: rgb(246, 246, 246);"><span class="attribute" style="color: rgb(0, 128, 128);">class</span></span><span style="color: rgb(0, 0, 128); font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; background-color: rgb(246, 246, 246);">=</span><span style="font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; color: rgb(128, 0, 0); background-color: rgb(246, 246, 246);"><span class="value" style="color: rgb(221, 17, 68);">"</span></span><span class="value" style="font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; color: rgb(221, 17, 68); background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);">easyui-datebox</span><span style="color: rgb(128, 0, 0);">" 那么他设置的方法就应该变为这样的了</span></span>

<span style="font-family:Monaco, Menlo, Consolas, Courier New, monospace;color:#800000;"><span style="line-height: 24px; white-space: pre-wrap; background-color: rgb(246, 246, 246);">$("#xxx").datebox('setValue','2014-15-12'); 当然一看到datebox 就应该明白是一个日期的样式。</span></span>

<span style="font-family:Monaco, Menlo, Consolas, Courier New, monospace;color:#800000;"><span style="line-height: 24px; white-space: pre-wrap; background-color: rgb(246, 246, 246);">
</span></span>

<span style="font-family:Monaco, Menlo, Consolas, Courier New, monospace;color:#800000;"><span style="line-height: 24px; white-space: pre-wrap; background-color: rgb(246, 246, 246);">例如 </span></span><span style="font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; color: rgb(0, 0, 255); background-color: rgb(246, 246, 246);"><span class="attribute" style="color: rgb(0, 128, 128);">class</span></span><span style="color: rgb(0, 0, 128); font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; background-color: rgb(246, 246, 246);">=</span><span style="font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; color: rgb(128, 0, 0); background-color: rgb(246, 246, 246);"><span class="value" style="color: rgb(221, 17, 68);">"</span></span><span class="value" style="font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; color: rgb(221, 17, 68); background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);">easyui-numberspinner</span><span style="color: rgb(128, 0, 0);">" 像这种一看就知道数值 取值同上 只是 $("#xxx").numberspinner('setValue','值') </span></span>

<span class="value" style="font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; color: rgb(221, 17, 68); background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);">
</span></span>

<span class="value" style="font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 1.5em; white-space: pre-wrap; color: rgb(221, 17, 68); background-color: rgb(246, 246, 246);"><span style="color: rgb(128, 0, 0);">如上一般基于文本框 实现效果 设置 取值 使用easyui-xxxxx 去掉前面的easyui- 后面的xxxx作为设置取值的方法（）</span></span>

<span style="font-family:Arial, Helvetica, sans-serif;">大概就是这么一种方式 </span>

easyui 给文本框 checkbox赋值问题

标签：easyui   html   jquery   js   

原文地址：http://blog.csdn.net/itlqi/article/details/46819173