利用JS验证查询参数-选择月份后必须选择年份
2015-11-26 12:03
531 查看
js代码:
HTML代码:
function queryAgentInfo(){
<pre name="code" class="javascript"><span style="white-space:pre"> </span>//标记
<pre name="code" class="javascript"><span style="white-space:pre"> </span>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/<span style="font-family: Arial, Helvetica, sans-serif;">queryAgentInfo</span><span style="font-family: Arial, Helvetica, sans-serif;">.do",$("#agent_seach_form").serializeJson());</span>
}
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>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- 5个常见可用性错误和解决方案
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- JavaScript 各种遍历方式详解
- 文件遍历排序函数
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南