0

Neste código consigo seleciona-la e no console.log ter acesso as informações, porém não sei como poderia alterar a mesma:

    $(document).ready(function () {
    var oTable = $('#tableproduct').DataTable();

    $('#tableproduct tbody').on('click', 'tr', function () {
        $(this).toggleClass('selected');
        var pos = oTable.row(this).index();
        var row = oTable.row(pos).data();
        console.log(row);
    })
});

Preciso que ao selecionar a linha seja alterado a propriedade readOnly de true para false do input.

3
  • Qual o resultado esperado? Commented 18/10/2018 às 20:13
  • Preciso que ao selecionar a linha seja alterado a propriedade readOnly de true para false do input. Commented 18/10/2018 às 20:15
  • Edite sua pergunta e coloque esta informação, e se possível a estrutura html que vc está usando Commented 18/10/2018 às 20:16

1 Resposta 1

0

Não sei a estrutura da sua tabela, mas deve ser algo assim que você procura:

$(document).ready(function () {
    var oTable = $('#tableproduct');

    $('#tableproduct tbody').on('click', 'tr', function () {
        $(this).toggleClass('selected');
        
        let inputs = this.getElementsByTagName('input');

        for (let input of inputs) {
          input.readOnly = false;
        } 
       
        console.log(this);
        
    })
});
.selected{
  background-color: #c0c0c0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tableproduct" class="table">
	<thead>
		<tr>
			<th>Código</th>
            <th>Cor</th>
            <th>Tamanho</th>
			<th>Quantidade</th>
            <th style="width:25%">% do estoque total</th>
			<th>Ação</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>100</td>
			<td>Azul</td>
		    <td>M</td>
		    <td><input type="text"></td>
			<td></td>
			<td><span style="cursor: pointer;" class="label label-success">Lançam .manual</span></td>
		</tr>
										
	</tbody>
</table>

3
  • erro meu, já foi corrigido :D Commented 18/10/2018 às 20:47
  • blz, meu +1 pela rápida correção
    – user60252
    Commented 18/10/2018 às 20:48
  • Leo, obrigado meu amigo, o código funcionou perfeitamente Commented 19/10/2018 às 11:53

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .