Rumah > hujung hadapan web > tutorial js > JavaScript使用Ajax进行CheckBox复选框的动态加载

JavaScript使用Ajax进行CheckBox复选框的动态加载

巴扎黑
Lepaskan: 2017-09-01 10:21:12
asal
1612 orang telah melayarinya

本文通过实例代码给大家介绍了JavaScript 通过Ajax 动态加载CheckBox复选框的方法,需要的朋友参考下吧

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<html>
 <head></head>
 <body>
  <pre name="code" class="html">

<p class="controls" id="compareyear"> 

</p>



//动态加载年份checkbox by dongch 20170830 function GetCompareYearByStationName(name) { var str = " "; $.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 += " "; } else {//后三个年份默认选中 str += " "; } } $("#compareyear").html(str); }, error: function () { alert("对比年限加载失败"); } }); }
 
  
 
 
Salin selepas log masuk

Atas ialah kandungan terperinci JavaScript使用Ajax进行CheckBox复选框的动态加载. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan