JavaScript使用Ajax进行CheckBox复选框的动态加载
程序员文章站
2022-05-19 10:03:39
...
本文通过实例代码给大家介绍了JavaScript 通过Ajax 动态加载CheckBox复选框的方法,需要的朋友参考下吧
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<html> <head></head> <body> <pre name="code" class="html"> <p class="controls" id="compareyear"> </p></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> </body> </html>
以上就是JavaScript使用Ajax进行CheckBox复选框的动态加载的详细内容,更多请关注其它相关文章!
上一篇: php smarty模版引擎中变量操作符及使用方法
下一篇: Spring配置简单日志注解
推荐阅读
-
使用PHP+AJAX让WordPress动态加载文章的教程
-
JavaScript 通过Ajax 动态加载CheckBox复选框
-
Scrapy框架结合Spynner采集需进行js,ajax动态加载的网页并提取网页信息(以采集微信公众号文章列表为例)
-
使用ajax加载的页面中包含的javascript的解决方法
-
使用PHP+AJAX让WordPress动态加载文章的教程_php实例
-
使用PHP+AJAX让WordPress动态加载文章的教程_php实例
-
使用PHP+AJAX让WordPress动态加载文章的教程
-
IE8中使用javascript动态加载CSS的解决方法_javascript技巧
-
使用PHP+AJAX让WordPress动态加载文章的教程_PHP
-
IE8中使用javascript动态加载CSS的解决方法_javascript技巧