Huruf kecil dan huruf besar dengan jQuery

217

Bagaimana cara memindahkan string ke huruf kecil menggunakan jQuery? Saya sudah mencoba

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

tetapi tidak berhasil. Apa yang saya lakukan salah?

jquery

— Kris-I
sumber

Apa yang tidak berhasil? Mendapatkan apa? Apa yang kamu inginkan? jQuery tidak menyediakan fungsi manipulasi string, jadi Anda tidak bisa melakukan ini dengan jQuery (tetapi bahasanya sendiri tidak).

— Felix Kling

Apa yang tidak berhasil? Itu tidak menjadi huruf kecil atau ada kesalahan?

— Richard Dalton

434

Saya pikir Anda ingin mengurangi nilai yang diperiksa? Mencoba:

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

atau Anda ingin memeriksanya, lalu dapatkan nilainya sebagai huruf kecil:

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

— karim79
sumber

untuk input teks berfungsi seperti ini:

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

— rafaelphp

26

Jika hanya untuk tujuan tampilan, Anda dapat membuat teks sebagai huruf besar atau kecil dalam CSS murni, tanpa Javascript menggunakan text-transformproperti:

.myclass {
    text-transform: lowercase;
}

Lihat https://developer.mozilla.org/en/CSS/text-transform untuk info lebih lanjut.

Namun, perhatikan bahwa ini sebenarnya tidak mengubah nilai menjadi huruf kecil; itu hanya menampilkannya seperti itu. Ini berarti bahwa jika Anda memeriksa konten elemen (yaitu menggunakan Javascript), itu masih dalam format aslinya.

— Spudley
sumber

11

Coba ini:

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

Kemungkinan duplikat dengan: Bagaimana cara saya menggunakan jQuery untuk mengabaikan case ketika memilih

— r.piesnikowski
sumber