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 相关文章推荐
jquery实现的超出屏幕时把固定层变为定位层的代码
Feb 23 Javascript
JavaScript 反科里化 this [译]
Sep 20 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
JS随机调用指定函数的方法
Jul 01 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
Aug 13 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
Dec 09 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 Javascript
React-Router如何进行页面权限管理的方法
Dec 06 Javascript
详解如何用VUE写一个多用模态框组件模版
Sep 27 Javascript
Vue退出登录时清空缓存的实现
Nov 12 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
Aug 27 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分页显示制作详细讲解
2006/12/05 PHP
PHP GD 图像处理组件的常用函数总结
2010/04/28 PHP
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
php实现随机生成易于记忆的密码
2015/06/19 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
使用async-validator编写Form组件的方法
2018/01/10 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
python实现绘制树枝简单示例
2014/07/24 Python
Python中常见的异常总结
2018/02/20 Python
python距离测量的方法
2018/03/06 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
Python多线程处理实例详解【单进程/多进程】
2019/01/30 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
用python的turtle模块实现给女票画个小心心
2019/11/23 Python
python操作yaml说明
2020/04/08 Python
Pytorch自定义Dataset和DataLoader去除不存在和空数据的操作
2021/03/03 Python
关联、聚合(Aggregation)以及组合(Composition)的区别
2012/02/29 面试题
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
个人找工作的自我评价
2013/10/17 职场文书
求职简历中个人的自我评价
2013/12/25 职场文书
上班上网检讨书
2014/01/29 职场文书
yy生日主持词
2014/03/20 职场文书
建筑结构施工求职信
2014/07/11 职场文书
停水通知
2015/04/16 职场文书
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server