利用JS验证查询参数-选择月份后必须选择年份
2015-11-26 12:03
465 查看
js代码:
HTML代码:
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>
相关文章推荐
- 把PPT放入浏览器中——12款用于演示的JS库
- JS实现文本复制与剪切
- 浅谈Supermap iClient for JavaScript弹窗类
- JSP_页面中设置引用资源的方法(basePath)
- JavaScript中的标签语句
- JAVASCRIPT代码编写俄罗斯方块网页版
- HTML与JSP页面的区别
- json解析
- Json序列反序列类型处理帮助类
- 通过script标签实现JSONP跨域调用
- Json简单实例
- 前端工程师百度地图api 的使用教程(最新版本javascriptapi)
- json的解析。
- jsp中frameset frame不显示页面
- 25、手把手教你Extjs5(二十五)Extjs5常用组件--form的基本用法
- ExtJS学习之路碎碎念
- jsp 页面 input 中指定时间格式
- 24、手把手教你Extjs5(二十四)模块Form的自定义的设计[3]
- js原生函数bind
- 23、手把手教你Extjs5(二十三)模块Form的自定义的设计[2]