jquery - 如何取消选中未选中的框下方的框？

Question

我列出了一些带有复选框的产品。某些产品会获得免费赠品，这些赠品会作为单独的产品列在产品下方。当您选中一个框时，我还需要检查底部的产品，并反过来进行检查，这样当第一个产品未被选中时，下面的产品就会被取消选中。我有第一个工作，但不能扭转这个过程。

<script>   
var $j = jQuery.noConflict();
// wrap this code in a "DOM ready" handler
$j(function() {
// listen to change event instead (to support keyboard driven interaction)
$j('input:checkbox').change(function() {   
    if (this.checked) {

        var original = +$j(this).attr("id");
        var temp = original + 1;

        var follower = $j("#" + temp);         

if (original  %2 != 0){
        follower.attr("checked","checked");
}
else
{
  original.removeAttr("checked");   
}                           
    }
});
});
</script>

Answer 1

您可以使用 jquery .next() 来获取下一个复选框，而不是在 dom 中查询 id

尝试下一个文档 Jquery的此链接。（）

Answer 2

您将不得不像这样找到下一个复选框：

var temp = original.nextAll("input[type=checkbox]:first");