选中复选框时启用相应的字段

Question

我的要求是在选中相应复选框时启用<select>元素。

我需要有很多行，并为每个元素编写单独的代码和ID是时间和资源密集型的。我需要尽可能地保持性能。

以下cde有效，但重复性很强。我确定有一些选择器可以在一个语句中完成所有工作。但我不知道这件事。

目前我试过这个：

document.getElementById('austria').onchange = function() {
    document.getElementById('austria-n').disabled = !this.checked;
};
document.getElementById('belgium').onchange = function() {
    document.getElementById('belgium-n').disabled = !this.checked;
};

Codepen：https://www.dartlang.org/articles/emulating-functions/#interactions-with-mirrors-and-nosuchmethod

Answer 1

您可以轻松找到它：

$('input[type="checkbox"]').click(function() { 

         $(this).parent().next().attr("disabled", !this.checked);

 });

检查更新的代码Here