2011-06-02 53 views
0

这里是我的HTML动态地启用和禁用使用股利Mootools的

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

如何检查时,第一个复选框使接下来的两个格(即,你是学生),并禁用取消选中该复选框时。所有元素的id都从自动创建的mysql表字段中获取。只有复选框alias属性是用户定义的。任何想法将是明显的

感谢

回答

0

,如果你想的DIV停止工作,一旦有人点击了他们,我建议是这样的:

在DIV上的用户点击(使用一个onclick事件),并且当用户填写了所需的信息时,触发另一个事件来验证信息。如果信息检出,则为该div创建一个自定义事件(同时销毁其他事件),以停止该事件。 (addEvent('click),function(x){x.stop()});)为了启用其他div,你只需要设置一个变量为true。

此外,您可以添加残疾=“禁用”的形式,当用户点击它?