Test om minst én avkrysningsrute er avmerket CSS-triks

Anonim

I dette eksemplet er en sendeknapp deaktivert hvis ingen av avmerkingsboksene er merket av og aktivert hvis minst en er merket av.

 

Trikset er at du kan bruke .is(":checked")på et jQuery-objekt fullt av en haug med elementer, og det vil bli sant hvis noen av dem er sjekket og falske hvis ingen av dem er det. OG å bruke .attr()for disabledattributtet med den boolske verdien vil aktivere / deaktivere den knappen.

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