JavaScript 通过Ajax 动态加载CheckBox复选框

						
废话不多说了，直接给大家贴代码了，具体代码如下所示：

<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复选框，希望对大家有所帮助

                    
					
																				

						

							上一篇：							
								用nodejs实现json和jsonp服务的方法							
						
						

							下一篇：							
								全选复选框JavaScript编写小结（附代码）							
						
					
															

						

							推荐阅读						
						

														

								
									

										JavaScript 通过Ajax 动态加载CheckBox复选框									
								
							
														

								
									

										Echarts教程之通过Ajax实现动态加载折线图的方法									
								
							
														

								
									

										JavaScript使用Ajax进行CheckBox复选框的动态加载									
								
							
														

								
									

										Js动态添加复选框Checkbox的实例方法_javascript技巧									
								
							
														

								
									

										JavaScript 通过Ajax 动态加载CheckBox复选框									
								
							
														

								
									

										通过Ajax实现动态加载折线图的方法（图文教程）									
								
							
														

								
									

										Js动态添加复选框Checkbox的实例方法_javascript技巧									
								
							
														

								
									

										js动态创建上传表单通过iframe模拟Ajax实现无刷新_javascript技巧									
								
							
														

								
									

										浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入_javascript技巧									
								
							
														

								
									

										javascript动态添加checkbox复选框的方法_javascript技巧