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编写的[打豆豆]小游戏
Jan 08 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
jQuery纵向导航菜单效果实现方法
Dec 19 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
Apr 28 Javascript
webpack实用小功能介绍
Jan 02 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
Redux实现组合计数器的示例代码
Jul 04 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
Apr 25 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
js实现时钟定时器
Mar 26 Javascript
js实现滑动进度条效果
Aug 21 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输入流php://input介绍
2012/09/18 PHP
解析php函数method_exists()与is_callable()的区别
2013/06/21 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
js实现收缩菜单效果实例代码
2013/10/30 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
2014/04/25 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
2015/01/09 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
NodeJS处理Express中异步错误
2017/03/26 NodeJs
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
学习JS中的DOM节点以及操作
2018/04/30 Javascript
layui radio单选限制下一个radio单选的实例
2019/09/03 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
python进程类subprocess的一些操作方法例子
2014/11/22 Python
python动态网页批量爬取
2016/02/14 Python
python制作爬虫并将抓取结果保存到excel中
2016/04/06 Python
python 接口返回的json字符串实例
2018/03/27 Python
设置python3为默认python的方法
2018/10/31 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
python的常见矩阵运算(小结)
2019/08/07 Python
python中time.ctime()实例用法
2021/02/03 Python
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
2014的自我评价
2014/01/13 职场文书
小学六年级学生评语
2014/04/22 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
见习期个人总结
2015/03/05 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
SQLServer2008提示评估期已过解决方案
2021/04/12 SQL Server
golang 实现Location跳转方式
2021/05/02 Golang
利用Pycharm连接服务器的全过程记录
2021/07/01 Python