Onchange复选框显示或隐藏此内容

Question

我需要在更改复选框上显示或隐藏元素。

<div class="y">
    <div class="x"></div>
    <input type="checkbox" class="myCheck" />
</div>

<div class="y">
    <div class="x"></div>
    <input type="checkbox" class="myCheck" />
</div>

<div class="y">
    <div class="x"></div>
    <input type="checkbox" class="myCheck" />
</div>

如果用户在第一次检查中点击我想要显示或隐藏第一个div“x”，而第二个，第三个等同样的东西，是否得到了它？

Answer 1

$('input[type="checkbox"].myCheck').on('change', function() {
    var target = $(this).prev('div.x');
    if (this.checked) target.show();
    else target.hide();
});