2011-06-02 54 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。

此外,您可以添加殘疾=「禁用」的形式,當用戶點擊它?