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 相关文章推荐
javascript 对表格的行和列都能加亮显示
Dec 26 Javascript
Prototype Class对象学习
Jul 19 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
Nov 03 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
Vue.js中的computed工作原理
Mar 22 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
layui实现数据分页功能(ajax异步)
Jul 27 Javascript
js实现随机点名程序
Sep 17 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
Feb 11 Vue.js
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
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
2011/12/01 PHP
PHP捕获Fatal error错误的方法
2014/06/11 PHP
javascript图片预加载实例分析
2015/07/16 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
2016/06/14 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
详解Element 指令clickoutside源码分析
2019/02/15 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
2019/11/24 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
2020/11/05 Javascript
[13:56]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第一场
2018/04/06 DOTA
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
Python对CSV、Excel、txt、dat文件的处理
2018/09/18 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
Collection和Collections的区别
2016/05/02 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
会计专业毕业生推荐信
2013/11/05 职场文书
电子专业推荐信范文
2013/11/18 职场文书
《落花生》教学反思
2014/02/25 职场文书
投资意向书范本
2014/04/01 职场文书
大学生入党推荐书范文
2014/05/17 职场文书
合作协议书格式
2014/08/19 职场文书
2014年团总支工作总结
2014/11/21 职场文书
2014年环境卫生工作总结
2014/11/24 职场文书
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python
2007年老电脑安装win11会怎么样? 网友实测win11在老电脑运行良好
2021/11/21 数码科技
MySQL的prepare使用以及遇到的bug
2022/05/11 MySQL