Activer Désactiver les Contrôles dans une ligne de tableau

Je voudrais activer le modifier&supprimer les cases de la ligne, lorsque les chkView est vérifié et les désactiver si elle est décochée. Ce code n'est pas de tir à la première place. Où vais-je tort.

http://jsfiddle.net/75rVH/1/

HTML

<table id="table_forms">
    <tr>
        <td><input type="checkbox" class="chkView"/>View</td>
        <td><input type="checkbox" class="chkEdit" disabled/>Edit</td>
        <td><input type="checkbox" class="chkDelete" disabled/>Delete</td>
    </tr>
   <tr>
        <td><input type="checkbox" class="chkView"/>View</td>
        <td><input type="checkbox" class="chkEdit" disabled/>Edit</td>
        <td><input type="checkbox" class="chkDelete" disabled/>Delete</td>
    </tr>
</table>

JS:

$(document).on('change','.chkView',function(){
var row = $(this).closest('tr');
    if($(this).prop("checked",true))
    {
        $(row).find('.chkEdit').prop("disabled",false);
        $(row).find('.chkDelete').prop("disabled",false);
    }
    else
        {
        $(row).find('.chkEdit').prop("disabled",true);
        $(row).find('.chkDelete').prop("disabled",true);
    }

});

OriginalL'auteur Ruby | 2014-03-30

jquery

$(document).on('change','.chkView',function(){
var row = $(this).closest('tr');
    if($(this).is(':checked'))
    {           
      $(row).find('.chkEdit,.chkDelete').prop("disabled",false);    
    }
    else
    {
      $(row).find('.chkEdit,.chkDelete').prop("disabled",true);     
    }
});

Il vous manque '.' dans le sélecteur de classe.

Démo:

http://jsfiddle.net/J6TN8/2/

C'était une faute de frappe. L'événement n'est pas déclenché.
J'ai mis à jour ma réponse. Également Démo ajoutés ici. Veuillez vérifier.
Je vous remercie. Ce seul fait trop

OriginalL'auteur RGS

4

Essayez ceci:
```
$(document).on('change', '.chkView', function() {
    $(this).closest('tr').find('.chkEdit, .chkDelete').prop('disabled', !this.checked);
});
```
Démo: http://jsfiddle.net/75rVH/3/

Aussi pour la cohérence de souci si il est possible que certains de .chkView charge déjà activée, vous devez assurez-vous de déclencher un changement de l'événement sur eux pour les rendre correspondant de modifier et de supprimer de se comporter correctement $('.chkView:checked').change(); (démo).

Je vous remercie beaucoup. Qui A Travaillé..

OriginalL'auteur dfsq

Vous devez vous connecter pour publier un commentaire.

Démo: http://jsfiddle.net/75rVH/3/