Minúsculas y mayúsculas con jQuery

217

¿Cómo transpongo una cadena a minúsculas usando jQuery? He intentado

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

Pero no funciona. ¿Qué estoy haciendo mal?

jquery

— Kris-I
fuente

¿Qué no funciona? ¿Qué sacas? ¿Qué deseas? jQuery no proporciona funciones de manipulación de cadenas, por lo que no puede hacer esto con jQuery (pero el lenguaje sí lo hace).

— Felix Kling

¿Qué no funciona? ¿No se convierte en minúsculas o hay un error?

— Richard Dalton

434

¿Creo que quieres poner en minúscula el valor marcado? Tratar:

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

o desea verificarlo, luego obtenga su valor en minúsculas:

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

— karim79
fuente

para el texto de entrada funciona así:

let toLowercase = function () {         jQuery('.tolowercase').on('keypress keydown blur',function () {             let currentVal = jQuery(this).val();             jQuery(this).val(currentVal.toLowerCase());        });     };

— rafaelphp

26

Si es solo para fines de visualización, puede representar el texto en mayúsculas o minúsculas en CSS puro, sin ningún Javascript que use la text-transformpropiedad:

.myclass {
    text-transform: lowercase;
}

Consulte https://developer.mozilla.org/en/CSS/text-transform para obtener más información.

Sin embargo, tenga en cuenta que esto en realidad no cambia el valor a minúsculas; solo lo muestra de esa manera. Esto significa que si examina el contenido del elemento (es decir, usando Javascript), todavía estará en su formato original.

— Spudley
fuente

11

Prueba esto:

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

Posible duplicado con: ¿Cómo uso jQuery para ignorar mayúsculas y minúsculas al seleccionar

— r.piesnikowski
fuente