2010-11-17 86 views
1

非常複雜,但本質上很簡單。自動勾選複選框,如果模態窗口提交按鈕被點擊

我有一個frm,帶有一個tickbox和一個說明條款和條件的鏈接。

這個場景,用戶點擊鏈接,打開一個模式窗口。這有條款和條件,並且不能關閉,除非用戶同意我們的條款,通過點擊提交按鈕(接受)

我想要做的是,禁用複選框,原始形式,直到他們有打開模式窗口並接受條款,點擊接受後,模式窗口關閉,勾選框變爲可見並打勾。

任何想法,如何實現這一點,請。

............. 模態窗口,全部完成工作精細和花花公子。它的提交按鈕的代碼是

<button class="btn btn-blue" onclick="$.lightbox().close();">I Accept these Terms and Conditions</button> 

的tickbox元素代碼:

<div class="checkbox"> 
       <span class="label">&nbsp;</span> 
       <div><input name="tac" id="tac" class="checkbox" value="yes" type="checkbox"> &nbsp;&nbsp;<label style="display: inline;" for="tac">I agree to the <a href="terms.html?lightbox[width]=600&lightbox[height]=600&lightbox[modal]=true" class="lightbox">Terms and Conditions</a></label></div> 
      </div> 

回答

2
<button class="btn btn-blue" id="btnAcceptTerms">I Accept these Terms and Conditions</button> 

<div class="checkbox"> 
       <span class="label">&nbsp;</span> 
       <div><input name="tac" id="tac" class="checkbox" value="yes" type="checkbox" disabled="disabled" > &nbsp;&nbsp;<label style="display: inline;" for="tac">I agree to the <a href="terms.html?lightbox[width]=600&lightbox[height]=600&lightbox[modal]=true" class="lightbox">Terms and Conditions</a></label></div> 
</div> 

$(document).ready(function(){ 
    $("#btnAcceptTerms").click(function(){ 
     $.lightbox().close(); 
     $("#tac").attr("disabled",""); 
    }); 
}); 

此代碼禁用輸入直到單擊btnAcceptTerms。

相關問題