vue attr取不到属性值问题

最新推荐文章于 2025-06-16 17:53:19 发布

qq_17152035

最新推荐文章于 2025-06-16 17:53:19 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_17152035/article/details/74942539

本文介绍了一段JavaScript代码，该代码通过Ajax获取数据，并根据返回的数据动态设置页面上CheckBox的状态。首先从服务器获取一组规则ID，然后将这些ID与页面上的CheckBox进行对比，如果存在匹配则设置CheckBox为选中状态。

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

js:

$(document).ready(function() {
    $.get("/account/authGroupInfo",{id:groupId}, function(data) {
        var arr = data.data.rules.split(",");
        console.log(arr);
        $.get("/account/allRule",{}, function(result) {
            ruleList.options = result.data;

//问题所在
            ruleList.$nextTick(function () {
                $(".auth_rules").each(function () {
                    if($.inArray($(this).attr("id"),arr)>-1) {
                        $(this).prop('checked',true);
                    }
                })
            })
        });
    });
});

html:

<tr v-for="value in options">
   <td><input type="checkbox" id="{{value.id}}" value="{{value.id}},"  class="auth_rules">{{ value.title }}</td>
</tr>
 使用  ruleList.$nextTick(function () {}) 拿到更新后的dom