Afficher les numéros de l'élément vérifié, Javascript Multiple Sélectionnez

Question

J'ai un formulaire de demande basé sur wp-cf7, où une boîte de sélection, afficher pas de case à cocher, je veux afficher les numéros de l'élément sélectionné.

s'il vous plaît avoir à regarder here comment ils ont utilisé voici mon code

<div style="position:relative" class="block"> 
<input type="button" value="Select Services" id="toggle1"><p></p> 
<ul class="toggle1" style="display: none;"> 
<li><label><input type="checkbox" name="Booking[]" value="Hotels/Resort Booking">&nbsp;Hotels </label></li> 
<li><label><input type="checkbox" name="Packages[]" value="Holiday Packages">&nbsp;Packages</label></li> 
</ul></div> 

Voici le code i déjà mis à jour en jsfiddle aussi

grâce et apprécie vos suggestions.

Answer 1

Vous avez juste besoin de ce code:

$('input').on('click', function(){ 
    alert($('input:checked').length); 
}); 

Vous pouvez créer un div avec une classe et mettre à jour aussi. Voici une mise à jour de votre exemple:

http://jsfiddle.net/8Lw4uvq3/1/

Aussi, vous devez améliorer l'empreinte de votre code .. est horrible à lire.