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


Posted in Javascript onAugust 31, 2017

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

<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复选框,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Firefox div高度自适应
Apr 28 Javascript
js如何调用qq互联api实现第三方登录
Mar 28 Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 Javascript
js检测用户输入密码强度
Oct 22 Javascript
jQuery实现的模拟弹出窗口功能示例
Nov 24 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
用npm-run实现自动化任务的方法示例
Jan 14 Javascript
vue实现的仿淘宝购物车功能详解
Jan 27 Javascript
JQuery中queue方法用法示例
Jan 31 jQuery
微信小程序实现下拉刷新动画
Jun 21 Javascript
JavaScript提升机制Hoisting详解
Oct 23 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
Aug 31 #Javascript
Angular2 http jsonp的实例详解
Aug 31 #Javascript
BootStrap中Table隐藏后显示问题的实现代码
Aug 31 #Javascript
Cpage.js给组件绑定事件的实现代码
Aug 31 #Javascript
基于canvas粒子系统的构建详解
Aug 31 #Javascript
Vue 组件间的样式冲突污染
Aug 31 #Javascript
js实现加载页面就自动触发超链接的示例
Aug 31 #Javascript
You might like
纯php生成随机密码
2015/10/30 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
2019/10/10 PHP
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
2017/03/31 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
详解如何在react中搭建d3力导向图
2018/01/12 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
小程序云函数调用API接口的方法
2019/05/17 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
Python中的Classes和Metaclasses详解
2015/04/02 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
django admin.py 外键,反向查询的实例
2019/07/26 Python
浅谈HTML5 服务器推送事件(Server-sent Events)
2017/08/01 HTML / CSS
JS原生实现轮播图的几种方法
2021/03/23 Javascript
生日寿宴答谢词
2014/01/19 职场文书
知识竞赛活动方案
2014/02/18 职场文书
社会实践活动总结报告
2014/04/29 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
无犯罪记录证明
2014/09/19 职场文书
防卫过当辩护词
2015/05/21 职场文书
国博复兴之路观后感
2015/06/02 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
导游词之峨眉乐山/兵马俑/北京故宫御花园
2019/09/03 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android
十大最强岩石系宝可梦,怪颚龙实力最强,第七破坏力很强
2022/03/18 日漫
Python开发五子棋小游戏
2022/04/28 Python