Lowercase and Uppercase with jQuery

Question

How do I transpose a string to lowercase using jQuery? I've tried

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

but it doesn't work. What am I doing wrong?

What does not work? What do you get? What do you want? jQuery does not provide string manipulation functions, so you can't do this with jQuery (but the language itself does). — Felix Kling, Apr 11 '11 at 09:16
What doesn't work? It doesn't become lower case or there is an error? — Richard Dalton, Apr 11 '11 at 09:16

score 471 · Accepted Answer · answered Apr 11 '11 at 09:16

471

I think you want to lowercase the checked value? Try:

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

or you want to check it, then get its value as lowercase:

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

answered Apr 11 '11 at 09:16

karim79

339,989
67
413
406

for input text work like this: `let toLowercase = function () { jQuery('.tolowercase').on('keypress keydown blur',function () { let currentVal = jQuery(this).val(); jQuery(this).val(currentVal.toLowerCase()); }); };` – rafaelphp Jun 17 '18 at 15:08

Spudley · Answer 2 · 2011-04-11T10:10:50.697

If it's just for display purposes, you can render the text as upper or lower case in pure CSS, without any Javascript using the text-transform property:

.myclass {
    text-transform: lowercase;
}

See https://developer.mozilla.org/en/CSS/text-transform for more info.

However, note that this doesn't actually change the value to lower case; it just displays it that way. This means that if you examine the contents of the element (ie using Javascript), it will still be in its original format.

score 13 · Answer 3 · edited May 23 '17 at 11:47

13

Try this:

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

Possible duplicate with: How do I use jQuery to ignore case when selecting

edited May 23 '17 at 11:47

Community

1
1

answered Apr 11 '11 at 09:18

r.piesnikowski

2,911
1
26
32

score 1 · Answer 4 · answered Feb 01 '22 at 11:20

1

$.validator.addMethod("R",function(value,element){

var $firstnames= (value.toLowerCase());
 var $search= ("SHIVA" || "KARTHIK" ==$firstnames  ? false :true ) ;
 return $search ;

}, "This user is blocked");

answered Feb 01 '22 at 11:20

Shiv kumar K

159
8

score 0 · Answer 5 · answered Sep 17 '21 at 22:45

This question was asked in 2011. I am answering it in September, 2021. Even though I am late by 10 years I am answering for future searchers. Good answers are already given. I will just add an alternate with jQuery's .css property.

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

This will first check if the id #chkIsHasKids is checked, then will take it's value and then transform it to lower case using the CSS property. That's it!

Lowercase and Uppercase with jQuery

5 Answers5

Linked