0

我是一名前端设计师和开发人员，JS 和 jQuery 经验有限。我一直都知道我可以学到更多，但时间不允许这样做（我也可以以此为借口。;）尽管如此，我目前正在开发的网站上有一个问题，我需要一些 JS/jQuery 帮助上。

https://dl.dropboxusercontent.com/u/63777185/screenshot.png

此图像表示产品页面上的子产品。当用户打开选择框并选择一个选项时，它不会自动选中复选框。我可以在 StackOverflow 上找到一些经过细微调整的东西，但是当有多个产品时问题就来了。我使用的脚本选择了所有复选框，而不是我需要的唯一一个。

另一个问题是这段代码是动态生成的，所以我不控制输出。所以，我认为解决这个问题的最好方法是对我需要的元素执行 addClass ，并使用一个整数使其唯一（因为它们需要是唯一的）。从那里开始，我不知道如何让这两段代码一起工作。这是非常错误的，你可以自由地笑，但这就是我所拥有的：

<script>
    $(function(){
        $('select').each(function(i,j) {
            $(this).addClass('selection'+i);
        });
        $('input').each(function(i,j) {
            $(this).addClass('check'+i);
    });
    $('.selection'+i).change(function() {
        var selected = $('select option:selected');
        if (selected.val() == "null") {
            $('.check'+i).prop('checked', false);
        }
        else {
            $('.check'+i).prop('checked', true);
        }
        });
    });
</script>

任何帮助是极大的赞赏！:)

4

0 回答 0