Kontrollige, kas vähemalt üks märkeruut on märgitud CSS-trikid

Anonim

Selles näites on esitusnupp keelatud, kui ükski märkeruut pole märgitud ja lubatud, kui vähemalt üks on märgitud.

 

Trikk on see, et saate kasutada .is(":checked")jQuery objekti, mis on täis hulga elemente, ja see tagastatakse tõene, kui mõni neist on märgitud, ja vale, kui ükski neist pole. JA, kasutades .attr()jaoks disabledatribuuti et tõeväärtus on lubada / keelata seda nuppu.

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