Javascript 使用Mootools动态启用和禁用Div

这是我的HTML

<div class="form-wrapper" id="1_1_18-wrapper">
    <input type="checkbox" class="field_container field_18 option_1 parent_1" style="" show="1" alias="confirm_student" value="1" id="1_1_18" name="1_1_18">
    <label class="optional" for="1_1_18">Are You a student</label>
</div>


<div class="form-wrapper" id="1_1_16-wrapper">
    <div class="form-label" id="1_1_16-label">
        <label class="optional" for="1_1_16">School Type</label>
    </div>
    <div class="form-element" id="1_1_16-element">
        <select onchange="changeFields(this)" class="field_container field_16 option_1 parent_1" style="" show="1" alias="" id="1_1_16" name="1_1_16">
                <option label="" value=""></option>
        </select>
    </div>
</div>

<div class="form-wrapper" id="1_1_17-wrapper">
    <div class="form-label" id="1_1_17-label">
        <label class="optional" for="1_1_17">School Name</label>
    </div>
    <div class="form-element" id="1_1_17-element">
        <input type="text" class="field_container field_17 option_1 parent_1" style="" show="1" alias="" value="" id="1_1_17" name="1_1_17">
    </div>
</div>

<div class="form-wrapper" id="1_1_8-wrapper">
    <div class="form-label" id="1_1_8-label">
        <label class="optional" for="1_1_8">Website</label>
    </div>
    <div class="form-element" id="1_1_8-element">
        <input type="text" class="field_container field_8 option_1 parent_1" show="1" alias="" value="" id="1_1_8" name="1_1_8">
    </div>
</div>

如何在选中第一个复选框时启用下两个div，即，您是学生吗？取消选中复选框时禁用。每个元素的所有id都来自自动校正的mysql表字段。只有“别名属性”复选框是用户定义的。任何想法都是值得赞赏的

---

谢谢

如果你想让div在有人点击后停止工作，我建议如下：

用户使用onclick事件单击div，当用户填写了所需的信息后，触发另一个事件以验证信息。如果信息已签出，则为div创建一个自定义事件，同时销毁仅停止该事件的其他事件。addEvent’click，函数x{x.stop}；要启用其他div，只需将变量设置为true

另外，当用户单击表单时，您是否可以将disabled=disabled添加到表单中