begin process at 2012 05 28 23:31:14
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Function & Méthodes

 > 

Affiché valeur checkbox/radio si coché


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Affiché valeur checkbox/radio si coché

jeudi 16 décembre 2010 à 20:06:10 | Affiché valeur checkbox/radio si coché

amine38

Bonjour ! voilà j'ai un petit travail à faire et je ne parviens pas à résoudre mon problème :

Je souhaite affiché la valeur des radios et checkbox cochés et ceci grâce à document.write dans une fonction javascript ! j'arrive bien à afficher le champ texte, textarea et la boite à sélection mais j'ai vraiment du mal avec les autres.
Voici le formulaire que j'utilise :
Code HTML :
<form name="mon_formulaire" method="POST" onsubmit="return(sortie());">
<input type="texte" name="ch1"><br>
<textarea name="area" cols="80" rows="10" value="area"></textarea><br>
<input type="radio" value="2" name="rad[]">radio1<br>
<input type="radio" value="3" name="rad[]">radio2<br>
<input type="checkbox" name="box" value="box1">checkbox1<br>
<input type="checkbox" name="box[]" value="box2">checkbox2<br>

<select name="license[]" multiple size="2">
<option value="inf">INF</option>
<option value="iag">IAG</option>
</select>

<input type="submit" value="Envoyer">
<input type="reset" value="Effacer">
</form>


voilà ce que j'ai pu faire mais cela ne marche toujours pas ! je ne comprends pas dutout pourquoi ! :

Code Javascript :
<script language="javascript">

    function sortie()
    {

document.write(mon_formulaire.ch1.value,"<br>",mon_formulaire.area.value,"<br>");
for (i=0;i<2;i++)
{
    if(document.mon_formulaire.rad[i].checked)
    {        
    document.write(mon_formulaire.rad[i].value,"<br>");       
    }

if(document.mon_formulaire.box[i].checked) {document.write(mon_formulaire.box[i].value,"<br>");}
}
document.write(mon_formulaire.license.value);

    return false;
    }
</script>
jeudi 16 décembre 2010 à 20:33:29 | Re : Affiché valeur checkbox/radio si coché

PetoleTeam

Membre Club
Bonjour,
Je souhaite affiché la valeur des radios et checkbox cochés et ceci grâce à document.write
c'est une aberration, document.write, lorsque le fichier est terminé EFFACE le contenu et le remplace par la valeur passée en paramètre

il est préférable d'utiliser le innerHTML d'une DIV
exemple :
Code Javascript :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>innerHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
//------------------------
function fctWrite( param_){
  var oDest = document.getElementById( 'D_RESULT');
  oDest.innerHTML = param_;
}


</script>
</head>
<body>
<div>
<input type="checkbox" name="check_1" value="150" id="check_1" onclick="fctWrite( this.value);">Case &agrave; cocher<br>
<input type="checkbox" name="check_2" value="250" id="check_2" onclick="fctWrite( this.value);">Autre case &agrave; cocher<br>
</div>
<div id="D_RESULT"></div>
</body>
</html>


;O)
jeudi 16 décembre 2010 à 20:35:12 | Re : Affiché valeur checkbox/radio si coché

amine38

Justement dans le cadre de notre TP il nous oblige à utiliser document.write ! j'ai trouvé beaucoup de solution sur internet tel que vous me l'avez donné mais aucune avec document.write
jeudi 16 décembre 2010 à 20:51:28 | Re : Affiché valeur checkbox/radio si coché

PetoleTeam

Membre Club
le cadre de notre TP il nous oblige à utiliser document.write
je pense qu'ils veulent tester mais QUOI????

Dans ce cas il est donc au pire préférable de n'écrire qu'une fois, pour ne pas détruire la structure du document en cours et laisser la fonction ce terminer.
Code Javascript :
var szTmp = "";
szTmp += mon_formulaire.ch1.value  +"<br>";
szTmp += mon_formulaire.area.value +"<br>";
// dans la boucle
szTmp += mon_formulaire.rad[i].value +"<br>";
// ...etc...
// et en final
document.write( szTmp);



;O)
jeudi 16 décembre 2010 à 20:58:41 | Re : Affiché valeur checkbox/radio si coché

PetoleTeam

Membre Club
dans le cadre de notre TP
j'ai donc oublié qu'il est donc intéressant de lire document.write et tous ce qui s'y raccroche

;O)
jeudi 16 décembre 2010 à 20:59:58 | Re : Affiché valeur checkbox/radio si coché

amine38

me revoila ! tout d'abord merci de ton aide et de ta patience !
j'ai testé avec ceci dans le script mais ça ne fonctionne toujours pas et ça ne m'affiche même plus le champ texte et area :
Code Javascript :
function sortie()
	{
var szTmp = "";
szTmp += mon_formulaire.ch1.value  +"<br>";
szTmp += mon_formulaire.area.value +"<br>";
for(i=0;i<2;i++)
{
        szTmp += mon_formulaire.rad[i].value +"<br>";
        szTmp += mon_formulaire.box[i].value +"<br>";
}
document.write(szTmp);
return false;
       }

jeudi 16 décembre 2010 à 21:02:28 | Re : Affiché valeur checkbox/radio si coché

amine38

Voici le travail demandé si cela peut aider :

But: Transmission de données d'un formulaire à un script JavaScript

A) Concevoir un formulaire, appelé formulaire1.html contenant :
Un champ texte .
Un champ textarea ( multi-lignes et multi-colonnes)
Des boites à cocher avec valeurs.
Des boutons radio avec valeurs.
Une boite à selection de type menu déroulant permettant la sélection de plusieurs valeurs.
Ce formulaire possède en plus deux boutons: Envoyer et Effacer associés repectivement aux balises de type submit et reset
Le thème et la présentation du formulaire est laissée au libre choix .

B) Traitement des informations contenues dans le formulaire:

Le traitement de ce formulaire sera fait par une fonction JavaScript dont l' action consistera simplement à lister les valeurs des données du formulaire.

Ecriture d' un script en JavaScript:

Ecrire cette fonction appelé sortie() activée par l'utilisateur après avoir cliqué sur le bouton de soumission
Ces sorties pourront etre mise soit dans une alerte ou dans un document à l'aide de la méthode write appliquée au document: c'est a dire document.write (. . . . . )

Aides:

a) Sur le principe du traitement:

L'évenement associé au formulaire est déclenché lors du clic sur le bouton submit.
Le gestionnaire de cet évenement est onSubmit.
La balise form pourra s'écrire:

<form name="mon_formulaire" method="post" onSubmit="return(sortie(. . . .) )">
Mettre ici les balises des différents champs. N'oubliez pas de donner un nom à chacune des balises des champs
terminez votre formulaire par les balises ci-dessous
< balise submit >
<balise reset>
</form>

b) On écrira en amont de ce formulaire ( entre les balises head) le script de la fonction sortie()

Voici un schema d' écriture du document:
<html>
<body>
<head>
<script language="javascript">
function sortie()
{
ICI les INSTRUCTIONS de SORTIE
. . . ...... . . . . . . .. etc . . . . . . .
return false // A ne pas oublier
}
</script>
</head>
<body>
<form . . . . . .
ICI le FORMULAIRE
</form>
</body>
</html>
jeudi 16 décembre 2010 à 21:27:21 | Re : Affiché valeur checkbox/radio si coché

PetoleTeam

Membre Club
Réponse acceptée !
plusieurs choses en vrac
perso j'aurais choisi le sortie avec alert, remplace document.write par alert, that's all!

une bonne méthode pour récupérer l'objet FORM
Code Javascript :
//-- Get l'element formulaire
var oForm = document.forms["mon_formulaire"];
dans le reste du code tu fais référence à oForm.quelqueChose
pour la TEXTAREA par exemple
Code Javascript :
//-- Get value de la TEXTAREA
szTmp += oForm["area"].value +"<br>";

pour les autres je te donnes un indice
document.getElementsByName("nom_cherche")

un peu de lecture instructive document.getElementsByName
;O)
jeudi 16 décembre 2010 à 21:32:38 | Re : Affiché valeur checkbox/radio si coché

amine38

merci beaucoup je vais essayer cela !
jeudi 16 décembre 2010 à 22:20:57 | Re : Affiché valeur checkbox/radio si coché

amine38

j'ai du nouveau ^^ :

Code Javascript :
	function sortie()
	{
var arr = new Array();

 arr=document.getElementsByName("ch1");

for(i=0;i<arr.length;i++)
{
	var obj = document.getElementsByName("ch1").item(i);
	alert(obj.id+obj.value);
}
 arr=document.getElementsByName("area");

for(i=0;i<arr.length;i++)
{
	var obj = document.getElementsByName("area").item(i);
	alert(obj.id+obj.value);
}
 arr=document.getElementsByName("rad[]");

for(i=0;i<arr.length;i++)
{
	
	var obj = document.getElementsByName("rad[]").item(i);
	alert(obj.value);
}
return false;
}


tout fonctionne bien mais ça m'affiche les deux radios donc je dois tester si la radio est "checkée" mais lorsque je rajoute ceci
Code Javascript :
if(document.mon_formulaire.rad[i].checked)
avant
Code Javascript :
var obj = document.getElementsByName("rad[]").item(i);
lors du test tout s'efface ! :( je sens que c'est bientôt tout bon ^^

1 2

Cette discussion est classée dans : code, formulaire, document, value, write


Répondre à ce message

Sujets en rapport avec ce message

Fonction avec parametres [ par lotr ] Bonjour,Voila mon pb : j'utilise une fonction JS qui rend une liste selectionnable/deselectionnable selon qu'une checkbox est cochee/decochee.Ma fonct Explication de code [ par Ma2004 ] Salut à tous !J'ai trouvé ce code sur Internet mais celà ne m'intéresse pas de le recopier sans le comprendre alors je cherche quelqu'un qui pourrait Creation d'un tableau [ par jolielady ] Un script pas tres difficile mais qui me cause des problemes. Je ne suis pas capable de creer le tableau... Y'a t'il quelqu'un qui peut m'aider sur ce If If Else... [ par plx4ever ] Salut à tous !Alors voila mon petit probleme qui doit etre tres simple a resoudre pourtant...Mon code: function verif(formulaire) { if(formulaire.nom. Verification de champs [ par tib411 ] bonjour,Des petits problémes avec les verifications de formulaireVoila mon probléme :Pour l'instant j'arrive à verifier qu'un champ n'est pas videfunc document.write(...) [ par HatMan ] voila, jai mit dans un code java script le code suivant dans le bodyfunction spe(mot) {document.write(mot);}et jai un Formulaire parent [ par stailer ] Bonjour, voici un code javascript qui fonctionne bien : function Affich(table_id, coll) {     if (document.Form1[coll].value == "true")     {         formulaire de calcule simple [ par javasmicros ] Bonjour voilà j’ai un petit problème[1] a résoudre, j’ai un formulaire de calcule comme suite : <SCRIPT language=Javascript formulaire de calcule mais pas facile [ par javasmicros ] Bonjour voilà j’ai un petit problème[1] a résoudre, j’ai un formulaire de calcule comme suite : <SCRIPT language=Javascript Probleme de formulaire (select passage de valeur) [ par notime ] Bonjour, je créer un site intranet dans le cadre de mon stage de  fin de DUT informatique. Description du code :  c 'est un formulaire de recherche :


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,218 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales