Switch entre html:radio

**maxf1** · 08/01/2007, 16h39

SwithBonjour à toutes et a tous,

J'aurais une petite question concernant struts/javascript:

j'ai 2 html:radio.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<html:form action="/Add">
<html:radio property="check" value="balise" />
<html:radio property="check" value="input" /><html:text onlick="change();" property="text"/>
</html/form>

Par defaut le premier radio bouton est coché, initialisation de check à "balise" dans l'actionForm.
Lorsque je clique sur le champ text a coté de mon 2ieme bouton je souhaiterais que ce soit le 2ieme radio bouton qui soit coché.
Je souhaiterais le faire en javascript.

Malheureusement je n'arrive pas, voici ce que j'ai fait mais rien ne vas, erreur javascript.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
function change(){
    document.forms.Add.check.value = 'input';
}

J'ai l'impression qu'il ne trouve pas le radio button.
Merci pour votre aide

**maxf1** · 08/01/2007, 16h48

Les codes suivants ne marchent pas non plus. Je n'ai plus d'idée.
Sachant que document.forms.Add est juste, car j'arrive a recupérer la value du text en faisant document.forms.Add.text.value,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms.Add.check[1].checked = 'true'

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms.Add.check['input'].checked = 'true'

me

**c_nvy** · 08/01/2007, 17h04

Et comme ceci ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<html:form action="/Add">
    <html:radio property="check" value="balise"/>
    <html:radio property="check" value="input">
       <html:text onclick="change();" property="text"/>
    </html:radio>
</html:form>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function change()
{
	document.forms.Add.check[1].checked = 'true' ;
}

**maxf1** · 08/01/2007, 17h12

Non désolé, ca ne marche pas non plus.
Je ne comprend pas pourquoi j'ai une erreur javascript et que je n'arrive pas à récupérer le controle de mes radio button.
J'ai beau essayer tous les javascripts auquel je pense ca ne marche pas.

A mon avis le html est correct, ca devrait plutot être du coté javascript que j'ai mon problème.

Une autre idée?

**c_nvy** · 08/01/2007, 17h17

Et comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<html:form action="/Add">
    <html:radio property="check" value="balise"/>
    <html:radio property="check" value="input">
       <html:text onclick="change();" property="text"/>
    </html:radio>
</html:form>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function change()
{
	document.forms.check[1].checked = 'true' ;
}

**c_nvy** · 08/01/2007, 19h17

En fait, mes réponses manquent de précision.

Je suis un peu à l'ouest aujourd'hui...

Il faut mettre le nom de ton form-bean après document :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.nomDeTonFormBean.check[1].checked = 'true' ;

**maxf1** · 09/01/2007, 09h00

Merci pour ton aide, mais chez moi ca ne marche pas.

Ce sont des réponses de supposition ou bien tu l'as fait chez toi et ca marche?

En faite le nom de mon formBean est "Add".
J'ai meme essayer en changeant de nom mais rien n'y fait,

**c_nvy** · 09/01/2007, 10h20

Ben, ça fonctionne sur mon poste.

**maxf1** · 09/01/2007, 10h42

Raaaa je vais devenir fou un cause d'un ptit bouton, lol.

Voici ce que j'ai, struts-config:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<struts-config>
 
	<form-beans>
		<form-bean name="Add" type="com.maxf1.struts.test.AddElementForm"/>
	</form-beans>
	<action-mappings>
		<action path="/Add" type="com.maxf1.struts.test.AddElementAction" name="Add" scope="request">
			 <forward name="success" path="/pages/uploadsuccess.jsp"/>
		</action>
	</action-mappings>
 
 
</struts-config>

et ma jsp :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<html>
<head>
<title>Success</title>
</head>
<script type="javascript">
	function check(){
		document.Add.check[1].checked = 'true';
	}
</script>
<body>
	<html:form action="/Add" > 
		<html:radio property="check" value="balise"></html:radio>
		<html:radio property="check" value="input">
			<html:text property="text" onclick="check();"/>
		</html:radio>
	</html:form>
</body>
</html>

Vois-tu quelques chose de faux ou qui diffère la dedans par rapport à toi?

**c_nvy** · 09/01/2007, 11h44

Je ne vois rien d'anormal dans ton code.
La seule différence que je vois, c'est que je n'ai pas donné le même nom au path de mon Action et au form-bean mais je ne pense pas que ça ait une incidence.

Et quel message d'erreur javascript as-tu ?

**maxf1** · 09/01/2007, 11h50

Comment voit-on l'erreur javascript que l'on obtient?

Je suis sous ie, et quand je clique sur mon input, j'ai l'icone ie en bas a gauche qui devient un attention (jaune).

**c_nvy** · 09/01/2007, 11h55

double-clic sur le panneau jaune.

**maxf1** · 09/01/2007, 12h22

OK, voici l'erreur pas trop parlante, du moins pour ma part:

Object doesn't support this property or method

**c_nvy** · 09/01/2007, 13h14

Ben là, je ne comprends pas ce qui se passe.

Peux-tu faire un test avec ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function check()
   {
	document.forms['Add'].check[1].checked = 'true';
   }

**maxf1** · 09/01/2007, 14h29

Ca y est c'est OK!! Merci de ton aide, sans celle-ci je n'aurais peut-etre jamais trouvé le problème est aurais pensé que ce n'était pas possible.

En faite, la bonne solution est bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function change()
{
	document.NomDuBean.check[1].checked = 'true' ;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<html:form action="/Add">
    <html:radio property="check" value="balise"/>
    <html:radio property="check" value="input">
       <html:text onclick="change();" property="text"/>
    </html:radio>
</html:form>

Sauf que moi j'avais appelé la fonction javascript : check() et apparement il n'aime pas. Peut-etre une confusion quelque part, ou bien une methode deja défini dans javascript. Bref je sais pas trop d'ou vient le probleme si ce n'est qu'il ne faut pas l'appeler check dans mon cas,

**c_nvy** · 09/01/2007, 14h37

De rien.

Je n'avais pas pensé à cela.
Il est vrai que j'avais testé avec une fonction javascript appelée change et non check.
Bon courage pour la suite.

Switch entre html:radio

Struts 1 Java

Discussions similaires

Partager

Partager