Comment obtenir une valeur de JSF selectBooleanCheckbox à l'aide de JavaScript?

Je l'ai enregistrer dans mon selectBooleanCheckbox seulement des valeurs booléennes dans un backingbean qui a appelé le "haricot". Pour définir une étiquette pour cette case à cocher dans mon JSF page xhtml im en utilisant un JSF outputText composant.

Voici le code JSF (ils sont 2 cases à cocher dans cet exemple):

<h:selectBooleanCheckbox class="extern" value="#{bean.booleanValue1}" />
<h:outputText value="My Labeltext1"/>

<h:selectBooleanCheckbox class="extern" value="#{bean.booleanValue2}" />
<h:outputText value="My Labeltext2"/>

Maintenant je veux obtenir les cases sélectionnées avec java script. Im en utilisant le onselect événement:

<h:selectBooleanCheckbox class="extern" value="#{bean.booleanValue1}" onselect="MyObject.update(this.options[this.selectedIndex].text);"/>
<h:outputText value="My Labeltext1"/>

<h:selectBooleanCheckbox class="extern" value="#{bean.booleanValue2}" onselect="MyObject.update(this.options[this.selectedIndex].text);"/>
<h:outputText value="My Labeltext2"/>

Mais il obtient uniquement les valeurs booléennes des cases sélectionnées. Est-il possible d'obtenir la valeur de la outputText composants? Est note qu'il n'y aucun moyen de se connecter au composant de sortie avec la selectBooleanCheckbox composant?

Je ne suis pas sûr de la partie la plus difficile. JSF est juste un générateur de code HTML et JavaScript fonctionne sur le JSF HTML générée arborescence DOM. Lors de l'écriture de code JavaScript, ne regardez pas JSF code source, mais plutôt à sa généré sortie HTML (que vous pouvez trouver par clic droit, Afficher la Source dans le navigateur). Il ressemble que vous êtes inutilement en se concentrant trop sur JSF code source lors de la tentative d'écrire du code JS pour le travail. En continuant, vous obtiendrez des réponses plus rapide de [javascript] experts lorsque vous reformuler votre question à remplacer JSF code source par son code HTML généré en sortie.

InformationsquelleAutor | 2014-01-17

javascript jsf

Vous devez donner un ID unique pour les composants et puis essayer d'obtenir ces valeurs en java script par leur ID , vous pouvez Également utiliser "onclick" pour appeler le script java de la méthode.
ex:

<h:selectBooleanCheckbox id="firstBox" class="extern" value="#{bean.booleanValue1}"       onclick="update(this)"/>
<h:outputText id="firstOutput" value="My Labeltext1"/>

Et java script fonction ressemblerait à quelque chose comme ceci:

  function update(val){
         var box= document.getElementById("firstBox");
         var outPut = document.getElementById("firstOutput");
        var boxValue = box.value;
        var outPutValue = outPut.value;
 }

InformationsquelleAutor MrRavi

Vous devez vous connecter pour publier un commentaire.