how to use selectOneRadio with javascript?

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>

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.