Testa om minst en kryssruta är markerad CSS-tricks

I det här exemplet inaktiveras en skicka-knapp om ingen av kryssrutorna är markerad och aktiverad om minst en är markerad.

Tricket är att du kan använda .is(":checked")på ett jQuery-objekt fullt av en massa element och det kommer att bli sant om någon av dem är markerade och falska om ingen av dem är. OCH, att använda .attr()för disabledattributet med det booleska värdet aktiverar / inaktiverar den knappen.

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