2017-06-09 1 views
-4

In Jquery habe ich eine Tabelle, in der jede Spalte mehrere Kontrollkästchen haben kann. Ich möchte wissen, ob mindestens ein Kontrollkästchen in einer bestimmten Spalte aktiviert ist. Zum BeispielSo finden Sie, ob Kontrollkästchen in Tabellenzellen aktiviert sind

<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> 

Ich habe zwei Zeilen hier und vier Spalten. Ich muss sehen, ob Spalte1 oder Spalte2 überprüfte Checkboxen haben.

+3

[Bitte keine Tags in Frage Titel gesetzt] (https://stackoverflow.com/help/tagging) – Liam

+0

'$ (" # dataTable tr td "). first(). find (" Eingabe [type = checkbox] "). is (": checked ")' – Abhi

+0

Haben Sie versucht, das zu finden? Es ist ziemlich einfach zu finden, nicht zu erwähnen, wenn Sie den Titel der Frage in das Duplikat eingeben erscheint als ein mögliches Duplikat ...! – Liam

Antwort

0

Ein einfaches Beispiel:

$('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>

Verwandte Themen