habilitar / deshabilitar un radio button

[javiinet]

Hola.
No me sale esto y no sé por qué.

Quiero deshabilitar un radio button según la opción de otro, pero no me sale, es decir cómo debería ser la función javascript cambio().

Si el primer radio button está activado en la opción "SI" entonces el segundo radio button está descativado, pero si está marcado en la opción "NO" entonces el segundo radiobutton se habilita.

Gracias

Código HTML:

<form id="miform" method="post" action="">
	<li id="uno" >
		<label class="description" >Correcto?</label>
		<span>
			<input id="element_82_1" name="element_82" class="element radio" type="radio" value="1" required onchange="cambio();"/>
			<label class="choice" >SI</label>
			<input id="element_82_2" name="element_82" class="element radio" type="radio" value="2" />
			<label class="choice" >NO</label>
		</span>
	</li>
		
	<li id="dos" >
		<label class="description" for="element_57">Categoría: </label>
		<span>
			<input id="element_57_1" name="element_57" class="element radio" type="radio" value="1" disabled />
			<label class="choice" >Primera</label>
			<input id="element_57_2" name="element_57" class="element radio" type="radio" value="2" disabled />
			<label class="choice" >Segunda</label>
		</span>
	</li>
</form> 

[xfxstudios]

Código HTML:

<form id="miform" method="post" action="">
    <li id="uno" >
        <label class="description" >Correcto?</label>
        <span>
            <input id="element_82_1" name="element_82" class="element radio" type="radio" value="1" required onClick="cambio(this.value);"/>
            <label class="choice" >SI</label>
            <input id="element_82_2" name="element_82" class="element radio" type="radio" value="2" onClick="cambio(this.value);"/>
            <label class="choice" >NO</label>
        </span>
    </li>
        
    <li id="dos" >
        <label class="description" for="element_57">Categoría: </label>
        <span>
            <input id="element_57_1" name="element_57" class="element radio" type="radio" value="1" disabled />
            <label class="choice" >Primera</label>
            <input id="element_57_2" name="element_57" class="element radio" type="radio" value="2" disabled />
            <label class="choice" >Segunda</label>
        </span>
    </li>
</form>
 

Código Javascript:

function cambio(X){
  if(X == 1){
    $("#element_57_1").attr('disabled','disabled');
    $("#element_57_1").attr('checked', false);
    $("#element_57_2").attr('disabled','disabled');
    $("#element_57_2").attr('checked', false);
  }else{
    $("#element_57_1").removeAttr('disabled');
    $("#element_57_2").removeAttr('disabled');
    
  }
}
 

Muestra: http://codepen.io/xfxstudios/pen/xOGZad

Claro eso fue lo que entendí de tu solicitud. Saludos

[javiinet]

Muchas gracias, pero no me carga el javascript y no sé por qué

[javiinet]

Vale, ya he visto el error.
El evento es onChange no onClick.

Gracias