preventDefault() ne fonctionne pas

Question

Mon but est de supprimer l'action de case à cocher vérifier en cliquant sur son étiquette Voici mon code ..

$('TABLE TBODY TR TD').each(function() 
    { 
    $(this).find('input').each(function() 
          { 
           $('label for='+$(this)+'').preventDefault(); 
          }); 
    }); 

est Ci-dessous le code HTML associé ..

<table> 
     <tr><input type="checkbox" id="a1"><div><label for="a1">ClickMe</lable></div></tr> 
    </table> 

S'il vous plaît, aidez-moi.

Answer 1

preventDefault n'est pas une méthode sur l'objet jQuery lui-même. C'est une méthode sur l'événement qui est passée à un gestionnaire d'événement donné. En outre, la syntaxe de votre sélecteur d'étiquette est incorrecte (vous avez oublié les parenthèses et vous avez tenté de concaténer un objet jQuery avec une chaîne) et vous avez imbriqué inutilement deux each es.

Mieux:

$("table tbody tr td input").each(function() { 
    $("label[for='" + this.id + "']").click(function (event) { 
     event.preventDefault(); 
    }); 
}); 

Exemple jsFiddle: http://jsfiddle.net/s9D4n/

Peut-être encore plus simple, mais certes pas fonctionnellement équivalent:

$("label").click(function (event) { 
    event.preventDefault(); 
}); 

Answer 2

Vous avez juste besoin d'enlever for attribut de l'étiquette.

<label>ClickMe</label>