Question

我有这个带有预定义数据组的div列表。我想添加一个名为＆＃34; my＆＃34;的数据组项目。使用jquery通过检查登录复选框（并通过取消选中删除）。

<div class="item yellow" data-kpi="one" data-res="9" data-ref="3" data-groups='["all", "numbers", "red", "square"]'><input type="checkbox" name="add" value="my" /></div>
<div class="item yellow" data-kpi="two" data-res="9" data-ref="3" data-groups='["all", "numbers", "green", "circel"]'><input type="checkbox" name="add" value="my" /></div>

Answer 1

试试这个。请参阅小提琴演示和监视控制台

$("input[type=checkbox]").click(function() {

     if($(this).is(":checked")){
         $(this).parent().data("groups").push("my");
         console.log($(this).parent().data("groups"))
      }
      else{
         $(this).parent().data("groups").pop();
          console.log($(this).parent().data("groups"))
       }

});

DEMO

使用复选框将项添加到属性

1 个答案: