我是具有有限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>
非常感谢任何帮助! :)