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

Question

对 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 是最好的方法。提前致谢!

Answer 1

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

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

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