本文通过实例代码给大家介绍了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中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
200
