input框选中时如何不出灰框_如何灰色复选框，除非单选按钮被选中？

very new to javascript, but any help to get me started would be appreciated. I have a simple form:

Burger

Fries with that?

Pizza

Hot Dog

I want the "Fries" checkbox greyed out unless the "Burger" radio button is selected. I'm not sure if Javascript or CSS is the best way to do it. Thanks in advance!

解决方案

I've noticed that you don't specify whether or not you can use jQuery. If that's an option, please see one of the other posts as I highly recommend it.

If you cannot use jquery then try the following:

function setFries(){

var el = document.getElementById("burger");

if(el.checked)

document.getElementById("fries").disabled = false;

else

document.getElementById("fries").disabled = true;

}

Burger

Fries with that?

Pizza

Hot Dog

​

Simple example on jsFiddle