Ottieni un valore della cella del tavolo in cui ho una casella di controllo selezionata – JavaScript, JQuery

Sono nuovo per jQuery e ho un problema. Voglio leggere un valore cellulare specifico di una riga del tavolo dove ho una casella di controllo. Ho un evento che gestisce la casella di controllo contrassegnata dall’evento. Questo è il mio codice:

$("#businesses input:checkbox").change(function (var $this = $(this);if ($this.is(":checked")) {//Here I want to read a value from a column in a row where is the checkbox} else {//Here I want to read a value from a column in a row where is the checkbox}});

Ho una tabella chiamata “Aziende” e ha questo formato.

<table><tr><th>Select Value</th><th>Value</th></tr><tr><td><input type="checkbox" class="selectedService" title="Seleccionar" /></td><td>125</td></tr><tr><td><input type="checkbox" class="selectedService" title="Seleccionar" /></td><td>126</td></tr></table>

Cosa voglio fare è che quando si seleziona una casella di controllo, ottenere il campo Valore della tua riga.

Se preme la prima casella di controllo che voglio ottenere 125.

Grazie !!!

risposte

1 per la risposta № 1

dalla casella di controllo (this Nella funzione Controller evento), devi andare al contenuto <td> elemento, attraverso il seguente <td> articolo, quindi ottieni il testo:

$("#businesses input:checkbox").change(function(e) {if(this.checked) {var value = parseInt($(this).closest("td").next("td").text(), 10);// above will convert it from a string to an integer}else {// same as above? Seems redundant}});

0 per la risposta № 2

Utilizzare siblings() del genitore:

$this.closest("td").siblings().text();

Se questo non è l’unico <td> restituire tutto il resto, quindi utilizzare il selettore appropriato per filtrarli.

0 per il Risposta № 3

È possibile accedere a:

$this.parent().next().text();

0 per la risposta № 4

Test questo …

$("#businesses input:checkbox").on ("change", function (e)if ($(this).is(":checked")) {$( e.target ).closest("td").text();} else {//Here I want to read a value from a column in a row where is the checkbox}});

Greetings.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *