radio与select问题

单选按钮初始默认值,清空时回跳到默认值

为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');

加载显示当天日期

//后端方法,controller向前端页面传值
request.setAttribute("queryDateStart",今天日期);
区别@1"queryDateStart" id="queryDateStart" value="${queryDateStart}" ****/>
里的value赋了由controller传来的值
@2:页面加载初始化查询时,向后台传值为null(与前端传值的区别)


    查询日期
    "5">
        "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})}'})" />
        到
        "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})}'})" />
            
        "queryDateType"  type="radio" value="1" />申请    
        "queryDateType"  type="radio" value="2" />审核    
        "queryDateType"  type="radio" value="3" />退款
            (查询最大日期范围为92天)
    


下拉框多选问题
状态


向后台传值是以"*,*,*"的样式传(即以逗号隔开)
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 + ")";
}       
数据库查询,字符串要加''

jquery easyui datagrid使用参考
radio与select问题_第1张图片

 onBeforeLoad: function (param) {
   },
 onLoadSuccess: function (data) {     
   },
 执行情况  

onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。
该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。

你可能感兴趣的:(Java前端,jquery,select,radio)