Lebih
Periksa apakah kotak centang dicentang dengan jQuery
Bagaimana saya dapat periksa apakah kotak centang di kotak centang array diperiksa menggunakan id centang array?
Saya menggunakan kode berikut, tetapi selalu kembali hitungan memeriksa kotak centang terlepas dari id.
``js fungsi isCheckedById(id) { alert(id); var diperiksa = $("input[@id=" + id + "]:diperiksa").panjang; alert(diperiksa);
jika (diperiksa == 0) { return false; } else { return true; } } ``
1118
21
Yang mendapat jika dicentang.
Untuk array checkbox dengan nama yang sama anda bisa mendapatkan daftar yang diperiksa oleh:
Kemudian untuk loop melalui mereka dan melihat apa yang's diperiksa yang dapat anda lakukan:
Untuk menemukan berapa banyak yang diperiksa yang dapat anda lakukan:
Id harus unik dalam dokumen anda, artinya anda tidak't melakukan ini:
Sebaliknya, penurunan ID, kemudian pilih nama mereka, atau yang mengandung unsur:
Dan sekarang jQuery:
Kode di atas akan mengembalikan true jika dicentang atau false jika tidak.
Semua metode yang berguna:
Dianjurkan bahwa DOMelement atau inline "ini.diperiksa" harus dihindari bukan jQuery pada metode harus digunakan acara pendengar.
kode jQuery untuk memeriksa apakah dicentang atau tidak:
Atau:
Semua metode di bawah ini yang mungkin
Anda dapat menggunakan kode ini,
Sesuai dengan jQuery dokumentasi ada cara-cara berikut untuk memeriksa jika dicentang atau tidak. Mari kita mempertimbangkan kotak centang untuk contoh (Check Bekerja [jsfiddle][2] dengan contoh)
Contoh 1 - Dengan diperiksa
Contoh 2 - Dengan jQuery ini, CATATAN :diperiksa
Contoh 3 - Dengan jQuery prop
Memeriksa Kerja [jsfiddle][2]
Anda dapat mencoba ini:
Anda dapat menggunakan salah satu dari yang berikut dianjurkan kode jquery.
Aku tahu OP ingin jquery tapi dalam kasus saya murni JS adalah jawabannya jadi jika ada yang seperti aku di sini dan tidak memiliki jquery atau tidak ingin menggunakannya - berikut ini adalah JS menjawab:
Mengembalikan true jika input dengan ID myCheck diperiksa dan false jika tidak diperiksa.
Sederhana seperti itu.
Anda dapat melakukannya hanya seperti;
[Kerja Biola][1]
HTML
jQuery
atau bahkan lebih sederhana;
Jika
checkbox
diperiksa itu akan mengembalikantrue
jikaundefined
Demo sederhana untuk memeriksa dan menetapkan kotak centang.
[jsfiddle](http://jsfiddle.net/eUK4v/ "teks ini muncul ketika anda mengarahkan mouse di atas")!
Hanya untuk mengatakan dalam contoh situasi kotak dialog yang kemudian diverifikasi kotak centang sebelum menutup dialog. Tidak ada di atas dan https://stackoverflow.com/questions/901712/how-do-i-check-if-a-checkbox-is-checked?page=1&tab=active#tab-atas dan https://stackoverflow.com/questions/7960208/jquery-if-checkbox-is-checked tidak muncul untuk bekerja dengan baik.
Di akhir
Ini bekerja begitu panggilan kelas maka ID. bukan hanya ID. Mungkin karena bersarang DOM elemen pada halaman ini menyebabkan masalah. Pemecahan masalah di atas.
Sebenarnya, menurut jsperf.com, DOM operasi yang tercepat, maka $().prop() diikuti oleh $().adalah()!!
Berikut ini adalah sintaks :
Saya pribadi lebih suka
.prop()
. Tidak seperti.adalah()
, Hal ini juga dapat digunakan untuk mengatur nilai.Hal seperti ini dapat membantu
Untuk checkbox dengan id
Beralih kotak centang dicentang
Sejak itu's pertengahan tahun 2019 dan jQuery kadang-kadang mengambil kursi belakang untuk hal-hal seperti VueJS, Bereaksi dll. Berikut ini's vanili murni Javascript onload pendengar pilihan:
Menggunakan kode ini anda dapat memeriksa setidaknya salah satu kotak centang dipilih atau tidak dalam berbagai centang kelompok atau dari beberapa kotak centang. Menggunakan ini, anda tidak dapat meminta untuk menghapus Id atau dinamis Id. Kode ini bekerja dengan Id yang sama.
Referensi Link