Minuscules et majuscules avec jQuery

Question

Comment transposer une chaîne de caractères en minuscules à l'aide de jQuery ? J'ai essayé

var jIsHasKids = $('#chkIsHasKids').attr('checked').toLowerCase();

mais ça ne fonctionne pas. Qu'est-ce que je fais de mal ?

Answer 1

Je pense que vous voulez mettre en minuscule la valeur vérifiée ? Essayez :

var jIsHasKids = $('#chkIsHasKids:checked').val().toLowerCase();

ou vous voulez le vérifier, alors obtenez sa valeur en minuscule :

var jIsHasKids = $('#chkIsHasKids').attr("checked", true).val().toLowerCase();

Answer 2

Si c'est uniquement à des fins d'affichage, vous pouvez rendre le texte en majuscules ou en minuscules dans un pur CSS, sans Javascript, à l'aide de la balise text-transform propriété :

.myclass {
    text-transform: lowercase;
}

Voir https://developer.mozilla.org/en/CSS/text-transform pour plus d'informations.

Cependant, notez que cela ne change pas réellement la valeur en minuscules ; cela l'affiche simplement de cette façon. Cela signifie que si vous examinez le contenu de l'élément (c'est-à-dire en utilisant Javascript), il sera toujours dans son format original.

Answer 3

Essayez ça :

var jIsHasKids = $('#chkIsHasKids').attr('checked');
jIsHasKids = jIsHasKids.toString().toLowerCase();
//OR
jIsHasKids = jIsHasKids.val().toLowerCase();

Double emploi possible avec : Comment utiliser jQuery pour ignorer la casse lors de la sélection ?

Answer 4

.attr('checked') renvoie un booléen - quel est le résultat souhaité ?

Answer 5

Cette question a été posée en 2011. J'y réponds en septembre 2021. Même si je suis en retard de 10 ans, je réponds pour les futurs chercheurs. De bonnes réponses sont déjà données. J'ajouterai simplement une alternative avec l'outil jQuery .css propriété.

$('#chkIsHasKids').attr("checked").val().css("text-transform","lowercase");

Cela vérifiera d'abord si l'id #chkIsHasKids est coché, il prendra sa valeur et la transformera en minuscules à l'aide de la propriété CSS. Voilà, c'est fait !