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

加载显示当天日期
<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 事件在即将离开当前页面(刷新或关闭)时触发。
该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值