Question

这是我的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都来自自动icremented mysql表字段。仅用户定义了复选框alias属性。任何想法都会很明显

由于

Answer 1

如果你希望DIV在有人点击它们后停止工作，我会建议这样的事情：

用户点击div（使用onclick事件），当用户填写所需信息时，触发另一个事件以验证信息。如果信息签出，则为div创建一个自定义事件（同时销毁其他事件），直接停止事件。（addEvent（'click），function（x）{x.stop（）}）;）并且要启用其他div，只需将变量设置为true即可。

另外，您是否可以在用户点击表单时向表单添加disabled =“disabled”？

使用Mootools动态启用和禁用Div

1 个答案: