Uji apakah setidaknya satu kotak centang dicentang - Trik CSS

Anonim

Dalam contoh ini, tombol kirim dinonaktifkan jika tidak ada kotak centang yang dicentang dan diaktifkan jika setidaknya ada satu yang dicentang.

 

Triknya adalah Anda dapat menggunakan .is(":checked")objek jQuery yang penuh dengan banyak elemen dan itu akan mengembalikan nilai true jika ada yang dicentang dan salah jika tidak ada. DAN, menggunakan .attr()untuk disabledatribut dengan nilai boolean itu akan mengaktifkan / menonaktifkan tombol itu.

var checkboxes = $("input(type='checkbox')"), submitButt = $("input(type='submit')"); checkboxes.click(function() ( submitButt.attr("disabled", !checkboxes.is(":checked")); ));