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 相关文章推荐
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
May 21 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
Nov 04 Javascript
JS控制图片等比例缩放的示例代码
Dec 24 Javascript
Javascript基础知识(二)事件
Sep 29 Javascript
js如何实现淡入淡出效果
Nov 18 Javascript
JavaScript中的prototype原型学习指南
May 09 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
js实现无缝滚动图
Feb 22 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
Apr 30 Javascript
TS 类型兼容教程示例详解
Sep 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
星际争霸任务指南——人族
2020/03/04 星际争霸
我的论坛源代码(十)
2006/10/09 PHP
NT IIS下用ODBC连接数据库
2006/10/09 PHP
php检测文件编码的方法示例
2014/04/25 PHP
php一维二维数组键排序方法实例总结
2014/11/13 PHP
workerman结合laravel开发在线聊天应用的示例代码
2018/10/30 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
javascript二维数组转置实例
2015/01/22 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
2015/03/30 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
树结构之JavaScript
2017/01/24 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
基于JavaScript实现百度搜索框效果
2020/06/28 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
Vue实现一个图片懒加载插件
2019/03/11 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
python 使用get_argument获取url query参数
2017/04/28 Python
python实现用户管理系统
2018/01/10 Python
python将视频转换为全字符视频
2019/04/26 Python
深入了解Django View(视图系统)
2019/07/23 Python
opencv实现简单人脸识别
2021/02/19 Python
50个强大璀璨的CSS3/JS技术运用实例
2010/02/27 HTML / CSS
旅游网创业计划书
2014/01/31 职场文书
人力管理专业毕业生求职信
2014/02/27 职场文书
大学生交通专业求职信
2014/09/01 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android