jquery - 触发jQuery事件并知道列表/数组中的复选框是否被选中

Question

下面的代码是页面的精简版，但您会看到它将遍历列表并为列表中的每个项目生成一个复选框。

我想知道的：

1. 当任何复选框被单击（使它们选中或未选中）时，如何触发 jQuery 事件？
2. 我需要什么 jQuery 代码然后查看由以下代码生成的复选框列表，然后如果选中任何按钮（例如，带有 id="DeleteSelected" ）可见，或者如果它们都未选中则隐藏按钮？

<s:form action="manageQuestions" >
    <s:iterator value="questions" id="currentQuestion">
        <s:checkbox name="questionCheck" id="ch-%{id}" value="selected" fieldValue="%{id}"/>
    </s:iterator>
</s:form>

我是一个 jQuery 笨蛋，我知道我需要输入：

<script>

</script>

最后就在那里，但这就是我所知道的。我不知道我是否需要输入：

$(document).ready(function() {
    //something here
}

或者如果我根本不需要准备好文件等。

Answer 1

试试这个：http: //jsbin.com/AfEriqe/1/edit

$(document).ready(function() {
  var checkboxes = $('input[type=checkbox]');
  $(checkboxes).on('change', function() {
    console.log('checkbox changed');
    if($(checkboxes).is(':checked')) {
      console.log('at least one checked');
    }
  });
});

Answer 2

我希望添加到 Vlad 的答案中，以更改我想要显示/隐藏的元素的 css 类，条件检查扩展到：

if($(checkboxes).is(':checked')) {
    $("#deleteSelected").attr('class', 'visible');
} else {
    $("#deleteSelected").attr('class', 'hidden');
}

其中 'deleteSelected' 是要显示/隐藏的元素的 id