jq 属性选择器动态属性值和v-for 中嵌套v-for

最新推荐文章于 2021-12-04 23:55:30 发布

原创最新推荐文章于 2021-12-04 23:55:30 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript实现动态复选框选择状态同步的方法，并展示了如何在Vue.js环境中利用v-for指令来构建嵌套的复选框列表。

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

动态属性值:

$("dd [type='checkbox']").change(function () {
    var cname = $(this).prop("name");
   $("[name="+cname+"]").prop("checked",$(this).prop("checked"));
                  });

$(".auth_rules").each(function () {
    if($.inArray($(this).attr("value").substring(0,$(this).attr("value").length-1),arr)>-1) {
        $(this).prop('checked',true);
    }
})
和v-for 中嵌套v-for:
<dl v-for="value in options">
   <dt>
      <input type="checkbox" value="{{value.id}}," class="auth_rules">{{ value.title }}
   </dt>
   <dd v-for="dd in value.list">
      <input type="checkbox" name="{{ dd.id }}" value="{{dd.id}}," class="auth_rules">{{ dd.title }}
   </dd>
</dl>