js_append()方法动态生成checkbox

最新推荐文章于 2022-10-14 18:33:30 发布

Marttin2

最新推荐文章于 2022-10-14 18:33:30 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： java js

本文链接：https://blog.youkuaiyun.com/qq_39822451/article/details/89672365

java 同时被 2 个专栏收录

253 篇文章

订阅专栏

202 篇文章

订阅专栏

本文介绍了一种使用Ajax技术动态加载品牌列表的方法，通过post请求获取后台数据，并利用jQuery库将数据解析并显示在页面上。具体实现包括设置Ajax请求参数、处理返回的数据以及动态创建HTML元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.onload = function () {
    $.ajax({
        type:"post",
        async:false,
        url:"${ctx}/x/xx/xxx/findXXXList",
        data: {
        },
        success:function(data){
            if (data.length>0) {
		for(var i=0; i < data.length; i++ ){
			$("#brandData").append(
			"<label>"
			+ "<input name='items' type='checkbox' value="
			+ data[i].id
			+ ">"
			+ data[i].bxxName
			+"</label>" + "&nbsp;&nbsp;"
			);
			 //每n个进行换行
			if( (i+1) % 3 == 0){
				$("#brandData").append("<br>");
			}
		}
            }
        }
    });
}

//Ajax返回集合结果集：List<SxxxBrand> sxxxBrandList = ;