秋天来啦！秋天来啦！田野里就是美丽的图画。花生躲在地下，包着红色的毛毯，住在土黄色的房间里睡大觉。玉米姐姐穿着绿色的裙子，在叶子上跳舞，南瓜爷爷鼓着金黄色的大肚子，坐着高级的南瓜车，一边看风景一边享受。西红柿露出火红火红的脸蛋，正对着我们微笑。谁使秋天这样美？看，田野里的菊花做出了回答，菊花顶着一个爆炸头，在微风中轻轻摇动，好像在说：是勤劳的人们画出了秋天的图画。
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<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 通过Ajax 动态加载CheckBox复选框就介绍到这了。若要梦想实现，先从梦中醒来。五月你好！更多相关JavaScript 通过Ajax 动态加载CheckBox复选框内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！