Tester si au moins une case est cochée - Astuces CSS

Anonim

Dans cet exemple, un bouton d'envoi est désactivé si aucune des cases à cocher n'est cochée et activée si au moins une est cochée.

 

L'astuce est que vous pouvez utiliser .is(":checked")sur un objet jQuery plein d'un tas d'éléments et il retournera true si l'un d'entre eux est coché et false si aucun d'entre eux ne l'est. ET, utiliser .attr()pour l' disabledattribut avec cette valeur booléenne activera / désactivera ce bouton.

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