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 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
设置jquery UI 控件的大小方法
Dec 12 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
详解node.js平台下Express的session与cookie模块包的配置
Apr 26 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
jQuery 利用ztree实现树形表格的实例代码
Sep 27 jQuery
JS使用正则表达式找出最长连续子串长度
Oct 26 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
vue实现简单的MVVM框架
Aug 05 Javascript
微信小程序通过js实现瀑布流布局详解
Aug 28 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之Smarty入门
2007/01/04 PHP
PHP实现生成唯一会员卡号
2015/08/24 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
jquery.AutoComplete.js中文修正版(支持firefox)
2010/04/09 Javascript
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
js实现C#的StringBuilder效果完整实例
2015/12/22 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
2017/03/28 NodeJs
JS获取当前地理位置的方法
2017/10/25 Javascript
微信小程序实现刷脸登录
2018/05/25 Javascript
vuex actions传递多参数的处理方法
2018/09/18 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
javascript实现拼图游戏
2021/01/29 Javascript
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
Python3.2中Print函数用法实例详解
2015/05/19 Python
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
Python实现多并发访问网站功能示例
2017/06/19 Python
python实现对求解最长回文子串的动态规划算法
2018/06/02 Python
Python实现多线程的两种方式分析
2018/08/29 Python
Python大数据之网络爬虫的post请求、get请求区别实例分析
2019/11/16 Python
PyTorch实现ResNet50、ResNet101和ResNet152示例
2020/01/14 Python
浅谈Selenium 控制浏览器的常用方法
2020/12/04 Python
浅谈CSS3动画的回调处理
2016/07/21 HTML / CSS
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
LN-CC英国:伦敦时尚生活的缩影
2019/09/01 全球购物
集团薪酬管理制度
2014/01/13 职场文书
MySQL update set 和 and的区别
2021/05/08 MySQL
详解分布式系统中如何用python实现Paxos
2021/05/18 Python