2016-12-25 1 views
-3

Je veux limiter les cases cochées à 3, je ne pourrais pas le faire si vous pouvez aider ce serait une grande faveur.Javascript, Checkbox vérifié limite

 <div class="col-md-4" dir="ltr" ><center> 
<span class="button-checkbox"> 
    <button type="button" style="width:200px;text-align: left;" class="btn" data-color="primary">'.$icon_image.' '.$group.' </button> 
    <input type="checkbox" name="icon[]" value='.$sgid.' /> 
</span> 

J'ai essayé d'écrire quelque chose ici, il est, aussi les cases à cocher sont repris par php il est donc en fonction des données de base de données MySQL.

var limit = 3; 
$('input.icon[]').on('change', function(evt) { 
    if($(this).siblings(':checked').length >= limit) { 
     this.checked = false; 
    } 
}); 
+2

1. Je ne vois que ** un ** case à cocher dans votre exemple. 2. Où est votre code javascript? Avez-vous essayé d'écrire quelque chose vous-même? – Dekel

+1

Bienvenue dans Stack Overflow! S'il vous plaît prenez le [tour] (http://stackoverflow.com/tour), jetez un coup d'œil autour, et lisez le [centre d'aide] (http://stackoverflow.com/help), en particulier [Comment puis-je demander une bonne question?] (http://stackoverflow.com/help/how-to-ask) et [Quels sujets puis-je poser à propos d'ici?] (http://stackoverflow.com/help/on-topic). À partir de ce deuxième lien: «Les questions demandant de l'aide pour les devoirs doivent inclure un résumé du travail que vous avez fait jusqu'à présent pour résoudre le problème, et une description de la difficulté que vous avez à le résoudre. –

+0

Bonjour, J'ai essayé d'écrire quelque chose ici – MAH3R

Répondre

1

Votre fonction javascript serait comme:

var limit = 3; 
$('input[type=checkbox]').on('change', function(evt) { 
    if($(this).siblings(':checked').length >= limit) { 
     this.checked = false; 
    } 
}); 
+0

Malheureusement ne fonctionne pas – MAH3R

+0

Ajoutez-vous ceci dans '$ (document) .ready (function() {...});'? – Hicaro

+0

Oh non, je viens d'utiliser un tag HTML