Vyzkoušejte, zda je zaškrtnuto alespoň jedno zaškrtávací políčko - Triky CSS

Anonim

V tomto příkladu je tlačítko Odeslat zakázáno, pokud není zaškrtnuto žádné ze zaškrtávacích políček, a povoleno, pokud je zaškrtnuto alespoň jedno.

 

Trik spočívá v tom, že můžete použít .is(":checked")na objekt jQuery plný spousty prvků a vrátí true, pokud je některý z nich zaškrtnut, a false, pokud žádný z nich není. AND, použití .attr()pro disabledatribut s touto logickou hodnotou toto tlačítko povolí / zakáže.

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