如何取消选中未选中的框下方的框?

时间:2012-06-14 12:04:53

标签: jquery checkbox

我列出了一些带有复选框的产品。有些产品会获得免费礼品,这些礼品作为单独的产品在产品下列出。当你检查一个盒子时,我需要检查产品是否仍然需要检查,并且反过来这样当第一个产品未被攻击时,下面的产品会被取消。我有第一点工作,但不能扭转这个过程。

<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>

2 个答案:

答案 0 :(得分:0)

你可以使用jquery .next()获取下一个复选框,而不是查询dom的id

试用文档Jquery next.()

的此链接

答案 1 :(得分:0)

您必须找到下一个复选框:

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