Preciso quando o usuário escrever em um input text, a checkbox da respectiva linha da tabela deve ser marcada, e se caso o usuário deixar o input text
novamente em branco, a checkbox se desmarca. Segue o código:
<table class="table table-striped" id="produtostab">
<thead>
<tr>
<th>Quantidade</th>
<th>Selecionar</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input class="inputq1" name="inputquant" type="text" />
</td>
<td>
<input type="checkbox" name="checkboxvar">
</td>
</tr>
<tr>
<td>
<input class="inputq1" name="inputquant[]" type="text" />
</td>
<td>
<input type="checkbox" name="checkboxvar[]">
</td>
</tr>
</tbody>
</table>
<button id="add" class="btn btn-default">Adicionar</button>
Como vocês podem ver, será uma tabela com múltiplas linhas, então não adianta o usuário escrever em um input
e marcar todos os checkbox
, é necessário marcar apenas os das respectivas linhas que os input
s forem preenchidos. Acredito que isso deva ser feito com JavaScript, mas como?
Este é o PHP que cria o HTML:
<?php
$conn = new mysqli('localhost', 'root', '', 'sindigrejinha') or die('Falha ao conectar-se com DB');
mysqli_query($conn, "SET NAMES 'UTF8'") or die("ERROR: " . mysqli_error($con));
$result = $conn -> query("select idProduto, Descricao from produto");
while ($row = $result -> fetch_assoc()) {
unset($idProduto, $Descricao);
$idProduto = $row['idProduto'];
$Descricao = $row['Descricao'];
echo '<tr>';
echo '<td>' . $Descricao . '</td>';
echo '<td><input name="inputquant[]" type="text" /></td>';
echo '<td><input type="checkbox" value="'. $idProduto .'" name="checkboxvar[]"></td>';
echo '</tr>';
}
?>