除非选择单选按钮，否则如何使复选框变灰？

对于 javascript 来说非常陌生，但是任何帮助我入门的帮助将不胜感激。我有一个简单的表格：

<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>

我希望“薯条”复选框变灰，除非选择“汉堡”单选按钮。我不确定 Javascript 还是 CSS 是最好的方法。提前致谢！

您想要做的是将元素设置为禁用，直到单选按钮的状态发生变化，这将使用 javascript 完成，然后您将在单选按钮的 onchange 中添加/删除禁用的类。

您正在考虑使用哪些 JavaScript 库？ jQuery 将使这变得相当简单。

$('#burger').change( function () {
    if ($('#burger').checked() ) {
        $('#fries').removeClass('disabled');
    } else {
        $('#fries').addClass('disabled');
    }
});