JQuery recuperare valore della cella sulla base dello stato di un'altra cellula
-
10-10-2019 - |
Domanda
Ho bisogno di aiuto con la selezione di una cellula del mio GridView. Ho una tabella come questa:
<table>
<tr>
<th>CheckBox</th>
<th>Customer ID</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
<tr>
<td>CheckBox</td>
<td>1</td>
<td>Joe</td>
<td>Blogs</td>
</tr>
<tr>
<td>CheckBox</td>
<td>2</td>
<td>Chris</td>
<td>White</td>
</tr>
</table>
Ho bisogno di selezionare la cella ID della riga che è attualmente selezionata. Come si farebbe questo?
Ho avuto una ricerca, ma cant sembrano trovare qualcosa di simile quanto sopra.
Soluzione
$(":checkbox").click(function(){
if(this.checked){
var id = $(this).parent().next().text();
// assuming your second column has id you're looking for [customer id]
}
});
Altri suggerimenti
In teoria, questo dovrebbe funzionare:
$('input:checkbox').change(
function(){
if ($(this).is(':checked')) {
var theRowId = $(this).closest('tr').attr('id');
}
});
Un rapido e sporco JS Fiddle demo .
A cura: per espiare la mia incomprensione della questione, e il codice html:
Dato che il numero che si desidera trovare è memorizzato all'interno di una cella (una cella a cui ho assegnato una classe 'rowID', per la facilità di accesso) le seguenti opere:
$(document).ready(
function() {
$('.rowID').each(
function(i){
$(this).text(i+1);
});
$('input:checkbox').change(
function() {
if ($(this).is(':checked')) {
var theRowId = $(this).parent().siblings('.rowID').text();
$('#rowId').text(theRowId);
}
});
});
Bene, la vostra struttura di base è:
<tr>
<td>CheckBox</td>
<td>2</td>
<td>Chris</td>
<td>White</td>
</tr>
Quindi questo potrebbe risolvere il problema:
$(document).ready(function()
{
$('tr td').find('checkbox').click(function()
{
var line_id = $(this).parent('td').next().text();
});
});
Spero che aiuta! ^^
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow