Estou trabalhando com radiobuttons que, dependendo da escolha, deveriam habilitar um ou outro campo, que por padrão são carregados desabilitados. Estou utilizando JSF com JQuery e ainda não consegui fazer funcionar do jeito desejado. Alguém pode me dar uma ajuda. Aí vai parte do código.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Sistema de Controle de Equipamentos</title>
<script type="text/javascript" src="/sisequipJSFV06_03Casa/resources/jquery-1.3.2.js"></script>
<link rel="stylesheet" href="estilo.css" type="text/css">
<script type="text/javascript">
$(document).ready(function(){
$('#optpatr').click(function(){
$('#txtpatr').attr("disabled", true);
// ou ainda - $("#txtpatr").removeAttr("disabled");
$('#txtpatr').css("background-color", "white");
});
});
</script>
</head>
<f:view>
<h:outputText value="Inicia Movimentação de Equipamentos"
style="font-weight:bold;margin-left:275px;"/>
<h:form id="form6" >
<fieldset id="grupo7" >
<legend>Pesquisar Equipamento</legend>
<fieldset id="grupo8">
<legend>Pesquisar por</legend>
<h:selectOneRadio value="#" id="selecPesq" >
<f:selectItem itemValue="pt" id="optpatr" itemLabel="Nº Patrimônio" />
<f:selectItem itemValue="sr" id="optserie" itemLabel="Nº Série"/>
</h:selectOneRadio>
</fieldset>
<h:panelGrid styleClass="pesquisaSrPt1" columns="4" >
<h:outputLabel for="txtpatr" value="Nº Patrimônio " />
<h:inputText id="txtpatr" value="#{ManagerBean.equipamento.nrpatr}"
disabled="true" style="width:110px;background-color:silver;" />
<h:outputLabel for="txtserie" value="Nº Série " />
<h:inputText id="txtserie" value="#{ManagerBean.equipamento.nrserie}"
disabled="true" style="width:110px;background-color:silver;" />
Desde já agradeço a ajuda......