Test om mindst et afkrydsningsfelt er markeret CSS-tricks

Anonim

I dette eksempel er en sendeknap deaktiveret, hvis ingen af ​​afkrydsningsfelterne er markeret og aktiveret, hvis mindst en er markeret.

 

Tricket er, at du kan bruge .is(":checked")på et jQuery-objekt, der er fuld af en masse elementer, og det vender tilbage, hvis nogen af ​​dem er markeret og falske, hvis ingen af ​​dem er det. OG ved at bruge .attr()til disabledattributten med den boolske værdi aktiveres / deaktiveres denne knap.

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