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?

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

Jawaban:

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