Test of minstens één selectievakje is aangevinkt - CSS-trucs

In dit voorbeeld is een verzendknop uitgeschakeld als geen van de selectievakjes is aangevinkt en ingeschakeld als er minstens één is aangevinkt.

De truc is dat je het kunt gebruiken .is(":checked")op een jQuery-object vol met een heleboel elementen en dat het true retourneert als een van deze is aangevinkt en false als geen van hen is aangevinkt. AND, gebruikend .attr()voor het disabledattribuut met die booleaanse waarde zal die knop in- / uitschakelen.

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