Comment afficher / masquer les boutons dans le questionnaire

J’essaie de faire en sorte que les boutons déroulent avec une autre option si afficher / masquer / instruction / fonction, mais je n’arrive pas à le faire fonctionner. J’ai essayé jquery et javascript mais cela ne semble pas fonctionner. Je suis prêt à utiliser javascript et jquery pour y parvenir.

Voici quelques exemples que j’essaie d’accomplir (Note: ceci a été fait express pour des raisons seulement et je suis très conscient que ce n’est pas un code valide):

if (q1 == "iphone3gs") { $('.show(iphone3gs)').val('.hide(iphone4 iphone4s iphone5 iphone5s)').click(function () { window.location.href = 'iphone3gs' }); if (q1 == "iphone4") { $('.show(iphone4)').val('.hide(iphone3gs iphone4s iphone5 iphone5s)').click(function () { window.location.href = 'iphone3gs' }); if (q1 == "iphone4S") { $('.show(iphone4s)').val('.hide(iphone3gs iphone4 iphone5 iphone5s)').click(function () { window.location.href = 'iphone3gs' }); if (q1 == "iphone5") { $('.show(iphone5)').val('.hide(iphone3gs iphone4s iphone4 iphone5s)').click(function () { window.location.href = 'iphone3gs' }); if (q1 == "iphone5s") { $('.show(iphone5s)').val('.hide(iphone3gs iphone4s iphone5 iphone4)').click(function () { window.location.href = 'iphone3gs' }); 

Voici le code complet dans jsfiddle: http://jsfiddle.net/wLY7C/3/

Code sans aucune édition: http://jsfiddle.net/nwxLM/

Votre code est tout foiré! Veuillez utiliser des noms de variable et d’identification faciles à comprendre.

Voici une démo . Il suffit de sélectionner une réponse pour chaque question et de voir ce qui se passe. Le texte du bouton est q1 q2 q3 q4 dans cet ordre.

Vous utilisez q4 pour vérifier la couleur lorsqu’il s’agit d’un type de téléphone et non. J’ai juste changé juste assez pour vous faire comprendre votre problème.

 $('#next_button').val("" + q1 + " " + q2 + " " + q3 + " " + q4); return; //now check the values to display a different link for the desired configuration if (q1 == "AT&T" && q2 == "8GB" && q3 == "Black" && q4 == "iPhone-3GS") { $('#next_button').val('att 8gb black').click(function () { window.location.href = 'http://google.com/' }); } 

Pour afficher un élément masqué, utilisez $(selector).show() et pour masquer un élément, utilisez $(selector).hide() . Ne confondez pas les ID avec le nom de la classe et la valeur que vous avez fournie aux éléments.