为radio赋值
jQuery("input[type='radio'][name='对应名称'][value='赋值']").attr("checked", "checked");
重置radio的值
$('input:radio[name=sex]').attr('checked',false);
js清空方法
function cleanFun() {
清空type!=radio的input输入框(#searchForm 为form表单的id)
[方法1:]$('#searchForm input').not(':radio').val('');
[方法2:]$("#searchForm input:not(':radio')").val('');
//然后,默认给radio赋值(一组3个单选按钮)
jQuery("input[type='radio'][name='queryDateType'][value='1']").attr("checked", "checked");
combobox
为select下拉框赋值
$('#对应id').combobox('setValue', '值');
清空select下拉框
$('#id').combobox('setValue', '');//赋空值
//例 赋多值 setValues
$('#cc').combobox('setValues', ['001','002']);
//清空所有select(默认的--请选择--都被清空)
$("select option").attr("selected",false);
或者
$("select").val("");
dataGrid.datagrid('load', {}); //可选择是否加载 ,清空当天日期的显示问题
}
multiSelect 是一个jquery多选框或单选框美化工具,并且附带js的查询功能,
是一个非常好用的jquery插件,使用此插件需要引用jquery。
//清空单选框的选择代码是:
$('select.singleselect').multiselect('clearSelection');
$('select.singleselect').multiselect('refresh');
//清空多选框选中代码:
$('select[multiple="multiple"]').multiselect('clearSelection');
$('select[multiple="multiple"]').multiselect('refresh');
加载显示当天日期
<script type="text/javascript">
var dataGrid;
$(function() {
dataGrid = $('#dataGrid').datagrid({
里面***
toolbar : '#toolbar',
onLoadSuccess : function() {
$('#searchForm table').show();
parent.$.messager.progress('close');
$(this).datagrid('tooltip');
加载时,默认选中按钮一
var radioType = $("input[name='queryDateType']:checked").val();
if(radioType==null || ''==radioType || 'undefined'==radioType) {
//radio 的赋值
jQuery("input[type='radio'][name='queryDateType'][value='1']").attr("checked", "checked");
}
},
//默认加载时显示今天的时间
onBeforeLoad:function(param){
//前端方法 并且加载时会把数据传送给后台
//(注意清空时的情况. 选择不执行dataGrid.datagrid('load', {}); 防止清空后时间仍显示)
if(param.queryDateStart == null){
var str = new Date().Format("yyyy-MM-dd");
param.queryDateStart = str;
param.queryDateEnd = str;
$("#queryDateStart").val(str);
$("#queryDateEnd").val(str);
}
}
</script>
//后端方法,controller向前端页面传值
request.setAttribute("queryDateStart",今天日期);
区别@1:<input name="queryDateStart" id="queryDateStart" value="${queryDateStart}" ****/>
里的value赋了由controller传来的值
@2:页面加载初始化查询时,向后台传值为null(与前端传值的区别)
<tr>
<th>查询日期</th>
<td colspan="5">
<input class="span2" name="queryDateStart" id="queryDateStart" placeholder=""
onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd',maxDate: '#F{$dp.$D(\'queryDateEnd\')}',
minDate: '#F{$dp.$D(\'queryDateEnd\',{d:-92})}'})" />
到
<input class="span2" name="queryDateEnd" id="queryDateEnd" placeholder=""
onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd',minDate: '#F{$dp.$D(\'queryDateStart\')}',
maxDate: '#F{$dp.$D(\'queryDateStart\',{d:92})}'})" />
<input name="queryDateType" type="radio" value="1" />申请
<input name="queryDateType" type="radio" value="2" />审核
<input name="queryDateType" type="radio" value="3" />退款
(查询最大日期范围为92天)
</td>
</tr>
下拉框多选问题
<th>状态</th>
<td><select name="stStr" id="stStr" value="${对象.stStr[对象对应下的字段(属性)]}"
class="easyui-combobox" multiple="multiple"
data-options="width:140,height:29,editable:false,panelHeight:'auto'">
<c:forEach items="${对象}" var="each">
<option value="${each.键}">${each.值}</option>
</c:forEach>
</select></td>
向后台传值是以"*,*,*"的样式传(即以逗号隔开)
if(StringUtils.hasText(rordSearch.getStStr())){
//例 由1,2,3变为->'1','2','3'
String[] stArry = rordSearch.getStStr().split(",");
String stStr="";
for(String str:stArry){
if("".equals(stStr)){
stStr += "'";
stStr += str;
stStr += "'";
}else{
stStr += ",";
stStr += "'";
stStr += str;
stStr += "'";
}
}
whereSql += " and t.rordd_st in " + "(" + stStr + ")";
}
数据库查询,字符串要加''号
onBeforeLoad: function (param) {
},
onLoadSuccess: function (data) {
},
执行情况
onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。
该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。