Partage
  • Partager sur Facebook
  • Partager sur Twitter

Recuperer bouton radio-formulaire-cookie

    26 septembre 2024 à 14:20:37

    Voila mon probleme: j'ai des boutons radio dans une boucle, dans un formulaire (en spring boot) et j'aimerai que le bouton radio qui a ete coche reste coche apres soumission du form et surtout quand on reviens sur la page de choix, histoire de ne pas pouvoir recoche le meme choix(en JS). En gros, je fais un choix, je submit =>ca m'envoie sur une autre page mais quand je reviens sur ma page de choix, le choix precedent devra etre disabled. J'arrive a disabled le bouton, a save le form, a creer un cookie mais je n'arrive pas a faire les 3 en meme temps 
    Je vous mets mon form :
    <form action="#" th:action="@{/piece}" modelAttribute="piece"  method="post"
    	 id="formP" onsubmit="saveform()">
    		<tr th:each="piece: ${pieces}">
    			<input type="submit" name="submit" value="${piece.nom}" th:value="'Valider : '+ ${piece.nom}"
    			 onsubmit="" />
    			<label class="radio-image">
    				<input type="radio" name="img" th:value="${piece.img}" onclick="test()"  required>
    				<img th:src="@{${'/images/'+ piece.img}}" />
    			</label>
    			<br>
    		</tr>
    	</form>
    Ma fonction js pour rendre mon bouton non cochable et recupere mon cookie:
    function test() {
    	var btnPieceRad = document.getElementsByName('img');
    
    	for (i = 0; i < btnPieceRad.length; i++) {
    		if ((btnPieceRad[i].checked )) {
    			var valeur = btnPieceRad[i].value;
    			
    			document.cookie = 'cdtest=' + valeur + ';path=/piece;';
    		
    		}
    	}
    
    }
    Et du coup je sais quoi faire de mon cookie
    Merci de votre aide

    -
    Edité par chris830 28 septembre 2024 à 17:21:04

    • Partager sur Facebook
    • Partager sur Twitter
      28 septembre 2024 à 17:21:31

      Je suis passee par un localStorage mais je n'arrive toujours pas a disabled le radio:

      function saveform() {
      	var valeur = document.querySelector("input[name=img]:checked").value;
      	
      	var ls = localStorage.getItem(valeur);
      	
      	ls.getElementsByName('radio').disabled = true;
      
      }

      Need Help svp...

      -
      Edité par chris830 28 septembre 2024 à 17:23:04

      • Partager sur Facebook
      • Partager sur Twitter

      Recuperer bouton radio-formulaire-cookie

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      • Editeur
      • Markdown