Forum:

how to use selectOneRadio with javascript?

Greenhorn

Posts: 5

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hello everybody:
I have selectOneRadio with 2 selectItem, I want to use it for hide and show some <h:inputText> under the radio button.
I searched a lot for code to use javascript with it but I didn't find anything help me, so please try to help me.
This is the code for face page and javascript

<html>
<script type="text/javascript">
            function hideShow(form,radio,mark){
                var radio = document.forms[0].id+radio[0].checked;
                if(radio){
                    document.getElementById(form+":"+mark).disabled= true;
                     alert("It is work");
                }
            }
</script>
    <body>

<ui:composition template="./templates/questionsTemplate.xhtml">

<ui:define name="top">
                <ui:include src="/sections/header.xhtml"/>
            </ui:define>

<ui:define name="left">
                left
            </ui:define>

<ui:define name="right">
                right
            </ui:define>

<ui:define name="content">
                <h:form dir="rtl" id="myForm">
                    <h:panelGrid columns="2" dir="rtl">
                        #{msgs.course_name}
                        <h:inputText></h:inputText>
                        #{msgs.course_type}
                        <h:selectOneRadio id="test" onclick="hideShow('myForm','test','failedMark')">
                            <f:selectItem itemLabel="#{msgs.mark}"></f:selectItem>
                            <f:selectItem itemLabel="#{msgs.pass_failed}"></f:selectItem>
                        </h:selectOneRadio>
                        #{msgs.course_success_mark}
                        <h:inputText id="failedMark"></h:inputText>
                        #{msgs.course_failed_mark}
                        <h:inputText></h:inputText>
                        #{msgs.course_full_mark}
                        <h:inputText></h:inputText>
                        #{msgs.faculty_name}
                        <h:inputText></h:inputText>
                        #{msgs.teacher_name}
                        <h:inputText></h:inputText>
                        <h:commandButton value="#{msgs.save_data}" onclick="hideShow()"></h:commandButton>
                    </h:panelGrid>
                </h:form>
            </ui:define>

<ui:define name="bottom">
                bottom
            </ui:define>

</ui:composition>

</body>

HtaraS reddy

Greenhorn

Posts: 8

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Did your code enter the javascript call?

If yes, Would you check the id of 'failedMark' generated by JSF, by viewing the source of the page in the browser and check if it is equal to the one given by you in the javascript.

Learning Java is a Never Ending Process .....

Blueberry pie is best when it is firm and you can hold in your hand. Smell it. And smell this tiny ad:

Gift giving made easy with the permaculture playing cards

https://coderanch.com/t/777758/Gift-giving-easy-permaculture-playing