Desabilitar campos de input quando radio é acionado

Front-end JavaScript
#1

Como faço para desabilitar campos de input quando um radio button é acionado?
//


// Tem Filho (S/N):
// <input type=“radio” name=“temFilho” value=“s” //onclick=“habilitaCampo(‘qtdeFilhos’);” >Sim
// <input type=“radio” name=“temFilho” value=“n” //onclick=“desabilitaCampos(‘qtdeFilhos’)”>Não
//
//
// Quantos Filhos:
//
// 0
// 1
// 2
// 3
// 4
//
//
//
// Idade dos Filhos:
// <input type=“text” name=“idadeFilhos1” size=“1”
// maxlength=“2” /> <input type=“text” name=“idadeFilhos2” size=“1”
// maxlength=“2” /> <input type=“text” name=“idadeFilhos3” size="1 "
// maxlength=“2” /> <input type=“text” name=“idadeFilhos4” size="1 "
// maxlength=“2” />
//
Tem uma aquivo desabilitacampos.js que cuida para desabilitar
function habilitaCampo(pCampo) {
document.Form.elements[pCampo].disabled = false;
}

function desabilitaCampo(pCampo) {
document.Form.elements[pCampo].disabled = true;
}
Porém um ou outro campo para ser desabilitado, como eu faria?

#2

Primeiro você precisa capturar o evento de click no input radio, e depois executar a função para desabilita-lo.