Question

相当复杂，但本质上很简单。

我有一个frm，有一个复选框和一个说明条款和条件的链接。

该场景，用户单击链接，这将打开一个模态窗口。这里有条款和条件，除非用户同意我们的条款，否则无法关闭，只需点击提交按钮（接受）

我想要做的是，禁用原始表单上的复选框，UNTIL打开模态窗口并接受条款，点击接受后，模态窗口关闭，勾选框变为可见并勾选。< / p>

任何想法，请如何实现这一点。

............. 模态窗口，完成工作正常和花花公子。它的提交按钮代码是

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

Answer 1

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

如果单击模态窗口提交按钮，则自动勾选复选框

1 个答案: