JavaScript如何通過Ajax動態(tài)加載CheckBox復選框

這篇文章將為大家詳細講解有關JavaScript如何通過Ajax動態(tài)加載CheckBox復選框，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

懷柔網站制作公司哪家好，找創(chuàng)新互聯建站！從網頁設計、網站建設、微信開發(fā)、APP開發(fā)、響應式網站建設等網站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯建站公司2013年成立到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創(chuàng)新互聯建站。

具體代碼如下所示：

<pre name="code" class="html">
<div class="controls" id="compareyear"> 
</div></pre><br> 
<img src="/upload/otherpic57/20170830165326131" alt=""><br> 
<br> 
//動態(tài)加載年份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動態(tài)加載CheckBox復選框”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

當前文章：JavaScript如何通過Ajax動態(tài)加載CheckBox復選框
文章起源：http://www.muchs.cn/article8/ghpoop.html

成都網站建設公司_創(chuàng)新互聯，為您提供品牌網站制作、網站收錄、軟件開發(fā)、微信小程序、品牌網站建設、定制網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯