Comment créer une case à cocher sans soumettre le bouton en PHP?

Question

Comment créer une case à cocher pour l'utilisateur sans que l'utilisateur doive l'envoyer?

[] apple 
[] grapes 
[] oranges 
[] mangoes 

dès que l'utilisateur sélectionne les pommes, les raisins, les oranges de la même page doit recharger plusieurs fois et dire "pommes", "raisins", "oranges" etc

...... ............ Modifier

en fait, je dois passer les variables avec des valeurs comme les raisins de pommes etc mangues par exemple si vous êtes sur une page www.abc.com/happy. php après avoir sélectionné apple, raisins etc l'URL de la page devrait afficher www. abc.com/happy.php & selection = apple_grapes etc

espérons que cela a du sens.

Answer 1

Vous ne aurez besoin javascript sur votre checkboxes

<div id="container"></div> 
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Appel">Apple<br> 
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Grape">Grape<br> 
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Orange">Orange<br> 

Et vous aurez ce Javascript:

function writeTo(object) { 
    var container = document.getElementById("container"); 
    if (object.checked) { 
    container.innerHTML = container.innerHTML + "Added " + object.value + " <br />"; 
    } else { 
    container.innerHTML = container.innerHTML + "Removed " + object.value + " <br />"; 
    } 
} 

Ce code écrire à votre HTMLelement (id = conteneur) « Ajouté [fruit] " chaque fois que vous check le fruit. Si vous uncheck il, il dira, "Supprimé [fruits]". : P

S'il vous plaît vérifier par exemple travailler à JSBin

Answer 2

1. Les cases à cocher sont indépendantes des boutons d'envoi. Il suffit d'écrire les cases à cocher sans le bouton de soumission et vous aurez des cases à cocher sans un bouton de soumission. :)

2. En ce qui concerne la page "rechargement", utilisez JS ou un framework JS de votre choix (tel que jQuery, MooTools, etc.) pour afficher les mots appropriés sur la case à cocher.

Faites-nous savoir si vous avez besoin de plus de détails.

Answer 3

Si vous ne voulez pas que toute la page soit rechargée et toujours par dynamique, vous devrez utiliser plus que PHP. Vous pouvez utiliser une requête AJAX pour envoyer les informations du serveur sur les cases cochées, puis répondre en conséquence. Une solution plus facile/meilleure serait juste d'avoir le Javascript qui serait nécessaire pour la demande AJAX montrer les pommes/raisins/oranges/mangues onclick plutôt que de soumettre le formulaire chaque fois qu'un utilisateur change une case à cocher.