Jquery erhalten alle überprüften Werte nur aus der Liste der Kontrollkästchen

Question

Ich bin neu in jQuery und html. Ich versuche, alle überprüften Werte aus der Liste der Kontrollkästchen zu bekommen, aber meine Skripte gibt alle Werte zurück und dann überprüft.

Nach meinem html:

<input type="button" value="Show selected" onclick="return false" class="showSelectedOnly"> 

<table> 

<tr> 
<td> 
<input type="checkbox" class="order_row" data-order-id="20161004-135848" name="sel20161004-135848" ></td> 
</tr> 
<tr> 
<td> 
<input type="checkbox" class="order_row" data-order-id="20161004-135848" name="sel20161004-135848" ></td> 
</tr> 

<tr> 
<td> 
<input type="checkbox" class="order_row" data-order-id="20161004-135848" name="sel20161004-135848" ></td> 
</tr> 

</table> 

Meine js Skripte:

$(".showSelectedOnly").click(function(){ 

    $('.order_row:checkbox:checked').each(function() { 
     var sThisVal = $(this).attr("data-order-id"); 
     alert(sThisVal); 
    }); 
    }); 

Bitte lassen Sie mich wissen, warum der Rückkehr meine Skripte nicht nur Werte überprüft.

Answer 1

Warum Sie $ verwenden ('order_row. Checkbox: checked ') nur $ (' order_row. Checked') überprüfen unten Antwort hoffen, dass es

$(".showSelectedOnly").click(function(){ 
 

 
    $('.order_row:checked').each(function() { 
 
     var sThisVal = $(this).attr("data-order-id"); 
 
     alert(sThisVal); 
 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" value="Show selected" onclick="return false" class="showSelectedOnly"> 
 

 
<table> 
 

 
<tr> 
 
<td> 
 
<input type="checkbox" class="order_row" data-order-id="20161004-135848" name="sel20161004-135848" ></td> 
 
</tr> 
 
<tr> 
 
<td> 
 
<input type="checkbox" class="order_row" data-order-id="20161004-135848" name="sel20161004-135848" ></td> 
 
</tr> 
 

 
<tr> 
 
<td> 
 
<input type="checkbox" class="order_row" data-order-id="20161004-135848" name="sel20161004-135848" ></td> 
 
</tr> 
 

 
</table>

Answer 2

Hilfe-

speichern Sie einfach alle Ihre überprüften Daten in einem Array als

$(".showSelectedOnly").click(function(){ 
    var selected = []; 
    $('.order_row:checkbox:checked').each(function() { 
    var sThisVal = $(this).attr("data-order-id"); 
    selected.push(sThisVal); 
    }); 
    alert(selected); 
});