radio与select问题

来源:互联网 发布:c语言怎么定义数组 编辑:程序博客网 时间:2024/06/07 13:03

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

为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})}'})" />        &nbsp;&nbsp;&nbsp;&nbsp;        <input name="queryDateType"  type="radio" value="1" />申请&nbsp;&nbsp;&nbsp;&nbsp;        <input name="queryDateType"  type="radio" value="2" />审核&nbsp;&nbsp;&nbsp;&nbsp;        <input name="queryDateType"  type="radio" value="3" />退款        &nbsp;&nbsp;&nbsp;&nbsp;(查询最大日期范围为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 + ")";}       数据库查询,字符串要加''

jquery easyui datagrid使用参考
onBeforeLoad

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

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