JavaScript 通过Ajax 动态加载CheckBox复选框

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<pre name="code" class="html">
<div class="controls" id="compareyear"> 
</div></pre><br> 
<img src="http://img.blog.csdn.net/20170830165326131?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFuMTQ1NTQxODE3MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""><br> 
<br> 
//动态加载年份checkbox by dongch 20170830 function GetCompareYearByStationName(name) { var str = " <label class='control-label'>选择对比年限：</label>"; $.ajax({ type: "GET", //默认是GET url: '@Url.Action("*********", "*****")', data: "stationName=" + name, async: false, //同步 
 cache: false, //不加载缓存 success: function (obj) {//后台传来的数据："2010,2011,2012,2013,2014,2015" var yearArray = new Array(); yearArray = obj.split(","); for (var i = 0; i < yearArray.length; i++) { if (i < yearArray.length - 3) { str += "<label><input type='checkbox' 
 name='checkbox' value='" + yearArray[i] + "' />" + yearArray[i] + "  </label>"; } else {//后三个年份默认选中 str += "<label><input type='checkbox' name='checkbox' value='" + yearArray[i] + "' checked='checked' />" + yearArray[i] + "  </label>"; } } $("#compareyear").html(str); 
 }, error: function () { alert("对比年限加载失败"); } }); } 
<pre></pre> 
<pre></pre> 

总结

以上所述是小编给大家介绍的JavaScript 通过Ajax 动态加载CheckBox复选框，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# ajax  # 动态加载复选框  # js动态复选框  # Struts2.5 利用Ajax将json数据传值到JSP的实例  # 浅谈Vue.js应用的四种AJAX请求数据模式  # 基于jstree使用AJAX请求获取数据形成树  # JavaScript使用Ajax上传文件的示例代码  # vuejs使用FormData实现ajax上传图片文件  # JS+Ajax实现百度智能搜索框  # js如何编写简单的ajax方法库  # 原生js中ajax访问的实例详解  # 加载  # 给大家  # 小编  # 在此  # 说了  # 不多  # 所示  # 所述  # 给我留言  # 感谢大家  # 复选框  # 疑问请  # 有任何  # font  # aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFuMTQ1NTQxODE3MQ  # fontsize  # a6L5L2T  # text  # net  # watermark 

相关文章： 建站之星如何实现PC+手机+微信网站五合一建站？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  已有域名如何快速搭建专属网站？  建站主机解析：虚拟主机配置与服务器选择指南  如何用已有域名快速搭建网站？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  建站之星后台管理：高效配置与模板优化提升用户体验  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  建站主机是否等同于虚拟主机？  建站之星如何助力企业快速打造五合一网站？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  制作农业网站的软件,比较好的农业网站推荐一下？  建站主机是什么？如何选择适合的建站主机？  建站之星价格显示格式升级，你的预算足够吗？  建站之星与建站宝盒如何选择最佳方案？  建站主机服务器选购指南：轻量应用与VPS配置解析    如何在橙子建站中快速调整背景颜色？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  建站之星会员如何解锁更多建站功能？  深圳网站制作案例,网页的相关名词有哪些？  建站之星安装模板失败：服务器环境不兼容？  网站app免费制作软件,能免费看各大网站视频的手机app？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  Thinkphp 中 distinct 的用法解析  如何用y主机助手快速搭建网站？  javascript中对象的定义、使用以及对象和原型链操作小结  如何零基础开发自助建站系统？完整教程解析  ,有什么在线背英语单词效率比较高的网站？  网站微信制作软件,如何制作微信链接？  建站之星24小时客服电话如何获取？  东莞专业制作网站的公司,东莞大学生网的网址是什么？  建站之星后台管理如何实现高效配置？  网站制作需要会哪些技术,建立一个网站要花费多少？  实例解析Array和String方法  如何通过服务器快速搭建网站？完整步骤解析  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何在企业微信快速生成手机电脑官网？  如何基于云服务器快速搭建网站及云盘系统？  如何用IIS7快速搭建并优化网站站点？  如何配置IIS站点权限与局域网访问？  红河网站制作公司,红河事业单位身份证如何上传？  建站主机CVM配置优化、SEO策略与性能提升指南  javascript基本数据类型及类型检测常用方法小结  建站之星官网登录失败？如何快速解决？  临沂网站制作公司有哪些,临沂第四中学官网？