廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：
<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復選框，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
