javascript - 当一个 div 被点击但另一个没有被点击时显示警报

Question

希望这是可能的并且有人可以提供帮助。基本上，我创建了一个包注册表单，以便用户可以选择他们想要包含的包功能，查看价格，然后注册该包。

用户从下拉选择框中选择他们的选择，按“添加”按钮来提高套餐价格，然后一旦满意，他们可以单击“注册”提交。

我需要发生的是，如果用户使用下拉菜单，选择一个选项，但没有单击“添加”，那么如果他们单击“注册”，他们应该收到一条消息，说明在继续之前单击“添加”。可以在 http://pure.evolvedublin.com/broadband 找到示例。 (点击成本计算器下的开始)

我希望这是有道理的!

我的 HTML 是:

<div class="styled-select">
    <select id="broadband_package1" name="broadband_package1">
        <option value="0" checked="checked">No Thanks!</option>
        <option value="1">Package 1</option>
        <option value="2">Package 2</option>
        <option value="3">Package 3</option>
        <option value="4">Package 4</option>
    </select>           
</div>
<a href="#" title="Add" class="chat calculate-total1" id="calculate-total">Add</a>



<div class="homepage-content-small">
    <h2>Happy with your new bill?</h2>

    <input type="submit" value="Sign Up" title="Sign Up" class="chat signup">
    <small class="make_sure" style="display:none;">Make sure to Add your desired add on</small> 
</div>  

到目前为止我开始使用的 jQuery 是:

jQuery(".signup").click(function() {

    if (".calculate-total1"):not(click){
    jQuery(".make_sure").show();
    else {
    jQuery(".make_sure").hide();
});

目前，我似乎无法找到一种方法来用我尝试过的任何方法来做到这一点。

谢谢大家，任何帮助将不胜感激

Answer 1

您可以使用全局变量。

jQuery(function ($) {

    var totalCalculated = false;

    $('.calculate-total1').on('click', function () {
        totalCalculated = true;
    });

    $('.signup').on('click', function (e) {
        if (totalCalculated) {
            $(".make_sure").hide();
        } else {
            e.preventDefault();
            $('.make_sure').show();
        }
    });

});