bootstrap框架下CheckBox控件的使用方法

最新推荐文章于 2024-09-03 09:42:55 发布

极无宪

最新推荐文章于 2024-09-03 09:42:55 发布

阅读量3.9k

点赞数 4

文章标签： bootstrap checkbox 渲染动态加载 uniform

本文链接：https://blog.csdn.net/superbryant/article/details/102557860

版权

本文记录了在Bootstrap环境下动态加载CheckBox时遇到的两个问题：动态设置后未正确渲染，以及后台只获取到一个值。解决方案是使用uniform()函数确保渲染，并通过设置name属性为数组形式来获取所有选中值。

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

本来是一件简单的赋值、取值、修改样式，很简单的事情，却花费了我两个多小时才搞定的一个功能。在此记录我遇到的坑。

我需要实现一个动态加载复选框的功能。实现思路是通过ajax获取调用后台代码返回json数据，给相应的位置创建checkbox的html代码。

第一个坑、动态设置CheckBox 后,无渲染

 $.ajax({
            url: "@Url.Action("GetResourceList")?length=" + @int.MaxValue,
            async: true,
            dataType: 'json',
            success: function (data) {
              var divProduct='';
                if (data!=null&&data.code==1&&data.rows != null) {
                    $.each(data.rows, function (i, n) {
                       divProduct+= '<label class="control-label"><input type="checkbox" name="PRODUCT" class="form-control" value="'+ n.ATTRIBUTEID +'"/>'+ n.ATTRIBUTENAME+'</label>'

最低0.47元/天解锁文章