¿Cómo desactivar la casilla de verificación a menos que se seleccione el botón de opción?

muy nuevo en javascript, pero cualquier ayuda para iniciarme sería apreciada. Tengo una forma simple:

<div><input type="radio" name="o1" id="burger" />Burger</div>
<div id="yesFries"><input type="checkbox" name="e1" id="fries" />Fries with that?</div>
<div><input type="radio" name="o1" id="pizza" />Pizza</div>
<div><input type="radio" name="o1" id="hotdog" />Hot Dog</div>

Quiero que la casilla de verificación "Fries" esté en gris a menos que el botón de opción "Burger" esté seleccionado. No estoy seguro de si Javascript o CSS es la mejor manera de hacerlo. ¡Gracias por adelantado!

Respuestas a la pregunta(7)

Su respuesta a la pregunta