javascript - 切换不适用于复选框

Question

我尝试了各种方法，使用来自 stackoverflow 和其他人的答案，它变得非常令人沮丧，因为它应该有效。单击以选中复选框时，我试图使标签更改颜色。以下是我的代码；

$("input[type=checkbox]").change(function() {
  $(this).parent().toggleClass("color_change");
});
})

.style_check {
  padding: 20px;
  background: yellow;
}
.color_change {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="style_check">
  <input type="checkbox" name="roles" value="1" />
  <span class="p_check">Block User</span>
</label>

我究竟该怎么做才能让它发挥作用？

Answer 1

使用您发布的代码 - 我刚刚删除了 }) 并且您的示例有效。

$("input[type=checkbox]").change(function() {
  $(this).parent().toggleClass("color_change");
});

.style_check {
  padding: 20px;
  background: yellow;
}
.color_change {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="style_check">
  <input type="checkbox" name="roles" value="1" />
  <span class="p_check">Block User</span>
</label>