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 日期比较大小的简单实例
Jan 13 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
js创建jsonArray传输至后台及后台全面解析
Apr 11 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
详解angularjs 关于ui-router分层使用
Jun 12 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
详解js类型判断
May 22 Javascript
在vue中使用G2图表的示例代码
Mar 19 Javascript
JS实现数据动态渲染的竖向步骤条
Jun 24 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中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
php数组一对一替换实现代码
2012/08/31 PHP
Yii2增加验证码步骤详解
2016/04/25 PHP
php加密解密字符串示例
2016/10/13 PHP
一端时间轮换的广告
2006/06/26 Javascript
jquery获取焦点和失去焦点事件代码
2013/04/21 Javascript
jquery插件validate验证的小例子
2013/05/08 Javascript
javascript里绝对用的上的字符分割函数总结
2014/07/31 Javascript
使表格的标题列可左右拉伸jquery插件封装
2014/11/24 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
canvas轨迹回放功能实现
2017/12/20 Javascript
axios携带cookie配置详解(axios+koa)
2018/12/28 Javascript
Python的re模块正则表达式操作
2016/05/25 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
python3.x+pyqt5实现主窗口状态栏里(嵌入)显示进度条功能
2019/07/04 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
python向企业微信发送文字和图片消息的示例
2020/09/28 Python
商务专员岗位职责
2013/11/23 职场文书
职业生涯规划书的格式
2013/12/29 职场文书
给物业的表扬信
2014/01/21 职场文书
小学新学期寄语
2014/04/02 职场文书
三人合伙协议书范本
2014/10/29 职场文书
收费员岗位职责
2015/02/14 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
运动会运动员赞词
2015/07/22 职场文书
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js