JavaScript 通過Ajax 動(dòng)態(tài)加載CheckBox復(fù)選框
廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
<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)傳來的數(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>
總結(jié)
以上所述是小編給大家介紹的JavaScript 通過Ajax 動(dòng)態(tài)加載CheckBox復(fù)選框,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
使用Github?Actions發(fā)布npm包完整過程詳解
本文包含本地發(fā)布npm包發(fā)布流程,?和?github?action自動(dòng)發(fā)布npm包流程,幫助你更好的發(fā)布自己或公司的npm包,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09js實(shí)現(xiàn)適合新聞?lì)悎D片的輪播效果
本文主要分享了js實(shí)現(xiàn)適合新聞?lì)悎D片輪播效果的示例代碼,具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02你必須知道的Javascript知識(shí)點(diǎn)之"單線程事件驅(qū)動(dòng)"的使用
本篇文章小編為大家介紹,你必須知道的Javascript知識(shí)點(diǎn)之"單線程事件驅(qū)動(dòng)"的使用。需要的朋友參考下2013-04-04JS保留小數(shù)點(diǎn)(四舍五入、四舍六入)實(shí)現(xiàn)思路及實(shí)例
保留兩位小數(shù):將浮點(diǎn)數(shù)四舍五入,取小數(shù)點(diǎn)后2位;如:2,會(huì)在2后面補(bǔ)上00.即2.00,感興趣的朋友看下具體的實(shí)現(xiàn)思路及代碼2013-04-04用js實(shí)現(xiàn)終止瀏覽器對(duì)頁面HTML的繼續(xù)解析即停止解析 兼容firefox
用js實(shí)現(xiàn)終止瀏覽器對(duì)頁面HTML的繼續(xù)解析即停止解析 兼容firefox...2007-11-11Firefox中beforeunload事件的實(shí)現(xiàn)缺陷淺析
beforeunload 指在頁面卸載前提供的最后一次JS執(zhí)行的機(jī)會(huì)2012-05-05