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.

È stato utile?

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]
   }
});

wokring demo

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);
        }
    });
});

JS Fiddle demo

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