sur mon site, j'ai une page d'inscription.
Il ressemble à ceci:
entrez la description d'image ici
La partie à gauche est une forme, et je veux que l'utilisateur soit redirigé vers une page listant mise à jour avec son choix (par exemple sur l'image, du projet à la vente et projet à la vente.) Donc, en gros, l'utilisateur fait son choix, puis clics soumettre. L'utilisateur est alors redirigé vers une page qui est similaire, avec seulement les projets de ce type. Il y a 4 différentes options, l'utilisateur peut sélectionner:
- Projet de vente et dans le passé
- projet de vente et passe en ce moment
- Projet à louer et dans le passé
- Projet à louer et passe en ce moment
Voici le code que j'ai écrit:
jQuery(document).ready(function(){
jQuery('.button-submit').click(function(){
var radioValue = jQuery('input:radio:checked').val();
if ((radioValue == 'vente') || (radioValue == 'passe')){
window.location.href = 'page1.com';
}
if ((radioValue == 'vente') || (radioValue == 'present')) {
window.location.href = 'page2.com';
}
if ((radioValue == 'location') || (radioValue == 'passe')){
window.location.href = 'page3.com';
}
if ((radioValue == 'location') || (radioValue == 'present')){
window.location.href = 'page4.com';
}
})
});
Pour une raison quelconque, je ne peux pas obtenir mon code au travail. Qu'est-ce que je fais mal?
<div class=w-form>
<form id=wf-form-Choice-form name=wf-form-Choice-form data-name=Choice form>
<h2 class=h2-big titreprojet><strong>Découvrez NoTRE PORTFOLIO</strong><br></h2>
<div class=lineprojet></div>
<div class=description>Notre caractère distinctif, c’est d’avoir réalisé des projets de qualité, tout en procurant une expérience unique à nos clients. <br></div>
<div class=w-row>
<div class=column-16 w-col w-col-6>
<div class=smalltext>Type de projet</div><label class=radio-button-field-2 w-radio><input type=radio data-name=Typedeprojet id=vente name=Typedeprojet value=vente class=w-form-formradioinput projetenvente w-radio-input><span for=vente class=textcheck w-form-label>Projets en vente</span></label><label class=radio-button-field-3 w-radio><input type=radio data-name=Typedeprojet id=location value=location name=Typedeprojet class=w-form-formradioinput projetenlocation w-radio-input><span for=location class=textcheck w-form-label>Projets en location</span></label></div>
<div class=w-col w-col-6>
<div class=smalltext>DATE DU PROJET</div><label class=radio-button-field-5 w-radio><input type=radio data-name=Timeline id=actuel name=Timeline value=actuel class=w-form-formradioinput projetactuel w-radio-input><span for=actuel class=textcheck w-form-label>Projet actuel</span></label><label class=radio-button-field-4 w-radio><input type=radio data-name=Timeline id=passe name=Timeline value=passe class=w-form-formradioinput projetpasse w-radio-input><span for=passe class=textcheck w-form-label>Projets passé</span></label></div>
</div><a href=# class=button filter w-button>Recherchez</a></form>
<div class=w-form-done>
<div>Thank you! Your submission has been received!</div>
</div>
<div class=w-form-fail>
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>