zoukankan      html  css  js  c++  java
  • 利用JS验证查询参数-选择月份后必须选择年份

    js代码:

    function queryAgentInfo(){
        // 标记
        var flag=false;
        //遍历所有月份  
        $(".month").each(function(){  
            if($(this).hasClass("LabelSelected")){  
                flag = true;  
            }  
        });  
        //获取选中的年份  
        if(flag){  
            var yearList= $('input:radio[name="createTimeYear"]:checked').val();  
            if(yearList==null || yearList == ""){  
                alert("请选择一个年份!");  
                return false;  
            }      
        }  
          
        $("#result_list").empty();  
        $("#result_list").load("${ctx}/agent/queryAgentInfo.do",$("#agent_seach_form").serializeJson());
    }
    

    HTML代码:

     <dl class="clearfix">
            <dt>年份:</dt>
            <dd>
                <span><input name="createTimeYear" type="radio" value="" checked="checked">不限</span> 
                <span><input id="1"name="createTimeYear" type="radio" value="2015">2015年</span> 
                <span><input id="2" name="createTimeYear" type="radio" value="2016">2016年</span>
            </dd>
        </dl>
        <dl class="clearfix">
            <dt>月份:</dt>
            <dd>
                <span> 
                    <input id="a_0" name="createTimeMonths" type="checkbox" value="1,2,3" class="CheckBoxClass"> 
                    <label for="a_0"class="CheckBoxLabelClass">不限</label>
                </span> 
                <span> 
                    <input id="a_1" name="createTimeMonths"type="checkbox" value="1" class="CheckBoxClass"> 
                    <label class="CheckBoxLabelClass month" for="a_1">1月</label>
                </span> 
                <span> 
                    <input id="a_2" name="createTimeMonths" type="checkbox" value="2" class="CheckBoxClass"> 
                    <label class="CheckBoxLabelClass month" for="a_2">2月</label>
                </span> 
                <span> 
                    <input id="a_3" name="createTimeMonths" type="checkbox" value="3" class="CheckBoxClass"> 
                    <label class="CheckBoxLabelClass month" for="a_3">3月</label>
                </span>
            </dd>
        </dl>
    
  • 相关阅读:
    html5 canvas雨点打到窗玻璃动画
    html5跟随鼠标炫酷网站引导页动画特效
    如何实现复选框的全选和取消全选效果
    CSS3透明属性opacity
    jQuery实现方式不一样的跳转到底部
    ul li设置横排,并除去li前的圆点
    jQuery美女幻灯相册轮播源代码
    微软modern.IE网站,多版本IE免费测试工具集
    css中position与z-index
    C#一个方法返回多个值
  • 原文地址:https://www.cnblogs.com/codingcloud/p/5262984.html
Copyright © 2011-2022 走看看