Minúsculas e maiúsculas com jQuery

217

Como faço para transpor uma string para minúscula usando jQuery? eu tentei

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

mas não funciona. O que estou fazendo de errado?

jquery

— Kris-I
fonte

O que não funciona? O que você ganha? O que você quer? O jQuery não fornece funções de manipulação de string, portanto você não pode fazer isso com o jQuery (mas a própria linguagem fornece).

— perfil completo de Felix Kling

O que não funciona? Não fica em letras minúsculas ou há um erro?

— 91111 Richard Dalton

434

Eu acho que você quer minúsculas o valor verificado? Experimentar:

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

ou você deseja verificá-lo, obtenha o valor em minúsculas:

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

— karim79
fonte

para que o texto de entrada funcione assim:

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

— rafaelphp

26

Se for apenas para fins de exibição, você poderá renderizar o texto em maiúsculas ou minúsculas em CSS puro, sem Javascript usando a text-transformpropriedade:

.myclass {
    text-transform: lowercase;
}

Consulte https://developer.mozilla.org/en/CSS/text-transform para obter mais informações.

No entanto, observe que isso realmente não altera o valor para minúsculas; apenas mostra dessa maneira. Isso significa que, se você examinar o conteúdo do elemento (por exemplo, usando Javascript), ele ainda estará em seu formato original.

— Spudley
fonte

11

Tente o seguinte:

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

Possível duplicação com: Como uso o jQuery para ignorar maiúsculas e minúsculas ao selecionar

— r.piesnikowski
fonte