通过 javascript 按名称引用 HTML 元素（其中带有方括号）

大家好，我正在尝试根据是否选中复选框或是否从下拉框中选择特定值来隐藏/显示不同的 html 元素（div 等...）。我想知道是否有人可以帮助我。 html 元素是按照此（如下）的方式定义的，我不确定如何通过带有括号的名称来引用它。我正在使用的页面启用了 jquery，如果可能的话我想使用它。谢谢！

<input type="checkbox" name="addons[2]" />

另外 - 我无法修改复选框的代码。

jQuery 检查元素是否被选中：

$("input[name='addons[2]']").attr("checked")

jQuery 循环检查这些元素：

$("input[name^='addons']:checked").each(function() {
    // ...
});