JavaScript如何通過(guò)Ajax動(dòng)態(tài)加載CheckBox復(fù)選框

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript如何通過(guò)Ajax動(dòng)態(tài)加載CheckBox復(fù)選框，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

具體代碼如下所示：

<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> 
//動(dòng)態(tài)加載年份checkbox by dongch 20170830 function GetCompareYearByStationName(name) { var str = " <label class='control-label'>選擇對(duì)比年限：</label>"; $.ajax({ type: "GET", //默認(rèn)是GET url: '@Url.Action("*********", "*****")', data: "stationName=" + name, async: false, //同步 
 cache: false, //不加載緩存 success: function (obj) {//后臺(tái)傳來(lái)的數(shù)據(jù)："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 {//后三個(gè)年份默認(rèn)選中 str += "<label><input type='checkbox' name='checkbox' value='" + yearArray[i] + "' checked='checked' />" + yearArray[i] + "  </label>"; } } $("#compareyear").html(str); 
 }, error: function () { alert("對(duì)比年限加載失敗"); } }); } 
<pre></pre> 
<pre></pre>

關(guān)于“JavaScript如何通過(guò)Ajax動(dòng)態(tài)加載CheckBox復(fù)選框”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。