Exemplo básico para mostrar uma DIV e esconder outra, ao se clicar em um radio.

<input type="radio" name="data" onclick="MostrarMetros()" id="MMetros"> Metros
<input type="radio" name="data" onclick="MostraCentimetros()" id="MCentimetros"> Centimetros

<div id="MedidaMetros" style="display:none">
  <span>M: </span>
  <input type="text" name="produto[metros]" class="qnt" value="01"><br><br>
</div>

<div id="MedidaCentimetros" style="display:none">
  <ul class="quantidade-centrimetros">
    <li><input type="radio" name="produto[centimetros]" value="0" checked>00 </input></li>    
  </ul>
</div>

<script type="text/javascript">
  function MostrarMetros() {
    document.getElementById('MedidaMetros').style.display = "block";
    document.getElementById('MedidaCentimetros').style.display = "none";
  }
  function MostraCentimetros() {
    document.getElementById('MedidaMetros').style.display = "none";
    document.getElementById('MedidaCentimetros').style.display = "block";
  }
</script>

Tagged: