Javascript检查表单选择上的唯一复选框

时间:2013-09-11 19:35:07

标签: javascript jquery forms checkbox selection

我是具有有限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>

非常感谢任何帮助! :)

0 个答案:

没有答案