Boa noite!
Já pesquisei bastante, mas até agora não consegui fazer. Estou usando JSF, primefaces, Java
Eu preciso exibir ou ocultar campos que estejam dentro de uma div, conforme um dos itens do p:selectOneRadio id="tipoConsulta" for selecionado
Minha div id"div-convenio" só poderá ser exibida se o itemValue= "Convenio" esteja selecionado, caso contrário, a div precisará ficar oculta.
Alguém pode me ajudar?
segue meu código abaixo
<p:panelGrid id="consultaRadio" columns="1"
styleClass="ui-panelgrid-blank" layout="grid" style="width: 30%">
<div class="ContainerIndent"></div>
<p:outputLabel for="tipoConsulta" value="Tipo de Consulta" />
<p:selectOneRadio id="tipoConsulta" layout="responsive"
value="#{mBeanPaciente.pac.tipoConsulta}" columns="2"
style="margin:20px 0px;">
<f:selectItem itemLabel="Convênio" itemValue="Convênio" />
<f:selectItem itemLabel="Particular" itemValue="Particular" />
</p:selectOneRadio>
</p:panelGrid>
<div id="div-convenio">
<p:panelGrid id="consultParticular" columns="4"
columnClasses="ui-grid-col-2,ui-grid-col-3,ui-grid-col-2,ui-grid-col-3"
layout="grid" styleClass="ui-panelgrid-blank"
style="border:0px none; background-color:transparent;">
<p:outputLabel for="convenio" value="Convênio" />
<p:selectOneMenu id="convenio"
value="#{mBeanPaciente.pac.convenio}">
<f:selectItem itemLabel="Selecione.." />
<f:selectItems value="#{mBeanPaciente.listConv}" var="conv"
itemLabel="#{conv.nomeFantasia}"
itemValue="#{conv.idConvenio}" />
</p:selectOneMenu>
<p:outputLabel for="numCarteira" value="Número da carteirinha" />
<p:inputText id="numCarteira" maxlength="10" size="10"
value="#{mBeanPaciente.pac.numCarteiraConv}" />
</p:panelGrid>
</div>