Pārbaudiet, vai ir atzīmēta vismaz viena izvēles rūtiņa CSS-triki

Anonim

Šajā piemērā poga Iesniegt ir atspējota, ja neviena no izvēles rūtiņām nav atzīmēta un iespējota, ja ir atzīmēta vismaz viena.

 

Triks ir tāds, ka jūs varat izmantot .is(":checked")jQuery objektu, kas ir pilns ar virkni elementu, un tas atgriezīsies patiess, ja kāds no tiem ir pārbaudīts, un nepatiesa, ja neviens no tiem nav. UN, izmantojot .attr()par disabledatribūtu ar šo Būla vērtība būs ieslēgt / izslēgt, ka pogu.

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