Checkbox desativar input

[xandregar 0]

minha dúvida é a seguinte, tenho uma estrutura de repetição em php ( while ) que gera vários inputs do tipo text e checkbox

Tenho o seguinte código:

<script type="text/javascript"

src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script language='JavaScript'>

$(document).ready(function() {

$('#check').click(function() {

if ($(this).is(':checked')) {

$('#campo1[]').attr('disabled', true);

} else {

$('#campo1[]').attr('disabled', false);

}

});

});

</script>

<tr height='20'>

<td>NOME:<INPUT id='campo1' name='campo1[]'size='18'value='teste' >

</TD>

<TD>DATA:<INPUT name='data[]' size='9' value='11/11/2016'>

</TD>

<input type='checkbox' id='check' name='check'>

</tr>

O campo nome deverá ter o input desabilitado caso o checkbox selecionado. Ocorre que esse campo1 se repete e o checkbox ativado só desabilitar o primeiro campo. Como faço para o seletor do jquery funciona para todos campos?

[xandregar 0]

Olá pessoal

Achei a resposta e vou compartilhar com vocês

Neste script tem um problema que é o ID se repetir, isso não pode acontecer. Poderá mudar para classe ou usar o name para selecionar o elemento.

Também poderá ter um resultado mais correto colocando o checkbox dentro de um TD.

Após fazer essas mudanças poderá usar a tag TR que agrupa todos os elementos que está usando como referência. Ficaria assim:

1. <script>
   
2. $(document).ready(function(){
   
3. 
   
4. $("[type=checkbox]").on("change", function(){
   
5. 
   
6. //Adicione a classe campo1 ao input que irá desabilitar
   
7. var $input = $(this).closest("tr").find(".campo1");
   
8. 
   
9. if (this.checked === true) {
   
10. 
    
11. $input.attr('disabled', 'disabled');
    
12. 
    
13. } else {
    
14. 
    
15. $input.removeAttr('disabled');
    
16. 
    
17. }
    
18. 
    
19. });
    
20. 
    
21. });
    
22. </script>