如何查找是否选中了表格单元格中的复选框[重复]答案

【问题标题】：How to find if checkboxes in table cells are checked [duplicate]如何查找是否选中了表格单元格中的复选框[重复]
【发布时间】：2017-11-11 15:42:12
【问题描述】：

在 Jquery 中，我有一个表，其中每列可以有多个复选框。我想知道在特定列中是否至少选中了一个复选框。例如

<TABLE id="dataTable">
    <TR>
        <TD><INPUT type="checkbox" id="chkId1" class="chk"/></TD> 
        <TD><INPUT type="checkbox" id="chkId12" class="chk"/></TD> 
        <TD><INPUT type="text" value="data1"/></TD> 
        <TD><INPUT type="text" value="data2"/></TD>
    <TR>
        <TD><INPUT type="checkbox" id="chkId2" class="chk"/></TD>
        <TD><INPUT type="checkbox" id="chkId22" class="chk"/></TD>
        <TD><INPUT type="text" value="data3"/></TD> 
        <TD><INPUT type="text" value="data4"/></TD> 
</TABLE>

我这里有两行四列。我需要查看 column1 或 column2 是否有任何选中的复选框。

【问题讨论】：

Please don't put tags in question titles
$("#dataTable tr td").first().find("input[type=checkbox]").is(":checked")
你试图找到这个吗？很容易找到，更不用说当您在重复中键入问题标题时，它会显示为可能的重复...！

标签： jquery checkbox html-table

【解决方案1】：

一个简单的例子：

$('input[type=checkbox]').on('click', function(){
  console.log('ID:[' + this.id + '] is checked? ' + $(this).prop("checked"));
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<TABLE id="dataTable">
    <TR>
        <TD><INPUT type="checkbox" id="chkId1" class="chk"/></TD> 
        <TD><INPUT type="checkbox" id="chkId12" class="chk"/></TD> 
        <TD><INPUT type="text" value="data1"/></TD> 
        <TD><INPUT type="text" value="data2"/></TD>
    <TR>
        <TD><INPUT type="checkbox" id="chkId2" class="chk"/></TD>
        <TD><INPUT type="checkbox" id="chkId22" class="chk"/></TD>
        <TD><INPUT type="text" value="data3"/></TD> 
        <TD><INPUT type="text" value="data4"/></TD> 
</TABLE>

【讨论】：