JavaScript 通過Ajax 動態(tài)加載CheckBox復(fù)選框
更新時間：2017年08月31日 10:13:47 作者：似董非懂
本文通過實(shí)例代碼給大家介紹了JavaScript 通過Ajax 動態(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>
//動態(tài)加載年份checkbox by dongch 20170830 function GetCompareYearByStationName(name) { var str = " <label class='control-label'>選擇對比年限：</label>"; $.ajax({ type: "GET", //默認(rèn)是GET url: '@Url.Action("*********", "*****")', data: "stationName=" + name, async: false, //同步
cache: false, //不加載緩存 success: function (obj) {//后臺傳來的數(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 {//后三個年份默認(rèn)選中 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>
總結(jié)
以上所述是小編給大家介紹的JavaScript 通過Ajax 動態(tài)加載CheckBox復(fù)選框，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
本文主要分享了js實(shí)現(xiàn)簡單的計算器功能的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
javascript中的prototype屬性實(shí)例分析說明
一說到prototype很多人可能第一個想到的是著名的prototype.js框架，當(dāng)然我們今天說的不是它，而是Javascript中的prototype屬性，一般都被翻譯為“原型”。這是一個比較特殊的屬性，Javascript中的繼承一般都依賴這屬性實(shí)現(xiàn)。2010-08-08
搞數(shù)據(jù)展示,很多朋友都會用到免費(fèi)的echarts,下面這篇文章主要給大家介紹了關(guān)于echarts控制x軸和y軸name位置并加軸箭頭的相關(guān)資料,需要的朋友可以參考下2024-01-01
關(guān)于JavaScript中異步/等待的用法與理解
這篇文章主要給大家介紹了關(guān)于JavaScript中異步/等待的用法與理解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
JS實(shí)現(xiàn)簡單的todoList(記事本)效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡單的todoList（記事本）效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
微信小程序如何調(diào)用json數(shù)據(jù)接口并解析
這篇文章主要介紹了微信小程序如何調(diào)用json數(shù)據(jù)接口并解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-06-06
[紅色]不錯的新聞標(biāo)題顏色效果...2006-12-12
下面小編就為大家簡單的介紹Array中reverse(),sort(),concat(),slice(),splice()方法的應(yīng)用。一起過來看看吧2014-01-01
javascript實(shí)現(xiàn)unicode和字符的互相轉(zhuǎn)換
javascript實(shí)現(xiàn)unicode和字符的互相轉(zhuǎn)換...2007-07-07
JS練習(xí)代碼2008-10-10