如何检查我的复选框是否已选中？

Question

我有一个要监视的复选框列表。 它们被加载到表单上，如下所示：

在Java脚本中，条件编译已关闭，并且出现语法错误。 有人可以告诉我如何正确执行此操作，或者向我指出可能有帮助的教程吗？

谢谢。

因此，我将JQuery函数放入一个可工作的foreach循环中，以检查每个复选框的选中状态，但是警报说，即使未选中的复选框也选中了每个复选框。 我在这里做错了什么？

foreach (var course in courses.Select((x, i) => new { Data = x, Index = i }))
{
    <script type="text/javascript">
       $(document).ready(function () {
          $('#saveBtn').click(function () {
              if ($('#checkbox').is(':checked')) {
                     alert('checked');
              }
              else
                 alert('unchecked');
         });
       });
   </script>
}

Answer 1

您可以遍历页面中的复选框，并将选中的值存储在数组中，如下所示：

<script type="text/javascript">
  $(document).ready(function () {

var selected = new Array();
$("input:checkbox:checked").each(function()
{
    selected.push($(this).val());
});

});

   </script>

Answer 2

您可以通过获取其选中状态来查找是否在javascript中选中了任何复选框：

<script language="javascript" type="text/javascript">
    var checkStatus = document.getElementById("checkBoxId").checked;
    alert(checkStatus);
</script>

通过jQuery，您可以这样做：

    if($('#checkBoxId').is(':checked') ){
     //your logic
    }

您可以像这样捕获复选框的change事件：

 $('input:checkbox').change(function(){ 
    if($(this).is(':checked')){
        alert('checked');
    }
    else
        alert('unchecked');
});

看到这个小提琴