Sélectionnez toutes les étiquettes dans un formulaire

Question

Mon problème est que je veux sélectionner toutes les étiquettes dans un formulaire et supprimer une certaine classe.

Ce que j'est maintenant quelque chose comme ceci:

<form id="frmCreateCase" name="frmCreateCase"> 
    <div id="radioSubjectName" class="radioButtons"> 
     <input type="radio" value="Information" id="radioSubjectName1" name="radioSubjectName" /><label for="radioSubjectName1">Information</label> 
     <input type="radio" value="Sales" id="radioSubjectName2" name="radioSubjectName" /><label for="radioSubjectName2">Sales</label> 
    </div> 
    <div id="radioProductName" class="radioButtons"> 
     <input type="radio" value="WP" id="radioProductName1" name="radioProductName" /><label for="radioProductName1">WP</label> 
     <input type="radio" value="FST" id="radioProductName2" name="radioProductName" /><label for="radioProductName2">FST</label> 
    </div> 
    <div id="radioStatusName" class="radioButtons"> 
     <input type="radio" value="STARTED" id="radioStatusName1" name="radioStatusName" /><label for="radioStatusName1">STARTED</label> 
     <input type="radio" value="AWAITING REVIEW" id="radioStatusName2" name="radioStatusName" /><label for="radioStatusName2">AWAITING REVIEW</label> 
    </div> 
</form> 

Puis j'initialiser mon bouton de réglage pour avoir de beaux boutons ressemblant à cette

$("#radioSubjectName").buttonset(); 
etc..... 

Lorsque vous cliquez dessus, ces étiquettes reçoivent classe « UI- état-actif ».

Je veux créer une fonctionnalité pour boucler toutes les étiquettes et supprimer cette classe de chaque étiquette. Ce que je fais est maintenant quelque chose comme ceci:

$("label[for='radioSubjectName1']").removeClass('ui-state-active'); 
$("label[for='radioSubjectName2']").removeClass('ui-state-active'); 
etc... 

est-il un moyen plus facile de boucler toutes ces étiquettes qui sont enfant à ma forme et font suppression de la catégorie?

Answer 1

que diriez-vous

$('form#frmCreateCase label.ui-state-active').removeClass('ui-state-active') 

cela supprimera ces classes de ceux qui l'ont.

Answer 2

Essayez $("#frmCreateCase label").removeClass("ui-state-active");

Answer 3

le plus rapide est susceptible d'être:

$("#frmCreateCase").find("label.ui-state-active").removeClass("ui-state-active");