ตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ด้วย jQuery

ฉันจะแปลงสตริงเป็นตัวพิมพ์เล็กโดยใช้ jQuery ได้อย่างไร ฉันพยายามแล้ว

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

แต่มันไม่ทำงาน ผมทำอะไรผิดหรือเปล่า?

ฉันคิดว่าคุณต้องการลดค่าที่ตรวจสอบลงหรือไม่ ลอง:

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

หรือคุณต้องการตรวจสอบจากนั้นรับค่าเป็นตัวพิมพ์เล็ก:

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

หากเป็นเพียงเพื่อการแสดงผลคุณสามารถแสดงข้อความเป็นตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็กใน CSS บริสุทธิ์โดยไม่ใช้ Javascript โดยใช้text-transformคุณสมบัติ:

.myclass {
    text-transform: lowercase;
}

ดูhttps://developer.mozilla.org/en/CSS/text-transformสำหรับข้อมูลเพิ่มเติม

อย่างไรก็ตามโปรดทราบว่านี่จะไม่เปลี่ยนค่าเป็นตัวพิมพ์เล็ก มันแค่แสดงอย่างนั้น ซึ่งหมายความว่าหากคุณตรวจสอบเนื้อหาขององค์ประกอบ (เช่นการใช้ Javascript) ก็จะยังคงอยู่ในรูปแบบเดิม

ลองสิ่งนี้:

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

อาจเป็นไปได้ซ้ำกับ: ฉันจะใช้ jQuery เพื่อเพิกเฉยกรณีและปัญหาได้อย่างไรเมื่อเลือก