Verifica se almeno una casella di controllo è selezionata - Trucchi CSS

Anonim

In questo esempio, un pulsante di invio è disabilitato se nessuna delle caselle di controllo è selezionata e abilitata se almeno una è selezionata.

 

Il trucco è che puoi usarlo .is(":checked")su un oggetto jQuery pieno di un mucchio di elementi e restituirà vero se qualcuno di essi viene controllato e falso se nessuno di essi lo è. AND, l'utilizzo .attr()per l' disabledattributo con quel valore booleano abiliterà / disabiliterà quel pulsante.

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