如何验证Jquery中“if”条件下的2个语句

Question

我收到了客户的要求： 我有一个disclamer，如果我想访问内容，我必须选中一个复选框，然后单击一个按钮。

<div class="accept">
    <label>I accept the licence agreement</label>
    <input type="checkbox" />
</div>

<div class="next">
        <button>Next</button>
    </div>
</div>

<div class="download-content">some content</div>

验证了2个条件后，{p> div.download-content为display:none显示div.download-content

谢谢你或你的帮助！

Answer 1

如下简单的东西？有点难以理解你的意思，因为它不是2个条件，而是1个条件和1个事件。

$(document).ready(function() {
    $('.next button').click(function() {
        if ($('.accept input:checkbox').is(':checked')) {
            $('.download-content').show();
        }
    });
});

Answer 2

您可以在“下一步”按钮上绑定click handler，该按钮将检查复选框是否为checked，如果是，则仅show内容。