javascript - 取决于选择哪个单选按钮的 JQuery 操作 - if/else

Question

我相信这应该很简单，我认为我正在做一些事情，但它就是行不通。原谅我，Javascript 不是我的强项。

我只希望主按钮(获取您的新利率)根据用户对 3 个问题中的最后一个问题(这些是样式化的单选按钮)选择"is"还是“否”来执行以下两项操作之一。

提前感谢您的宝贵时间!

这是正在进行的页面: http://atomcrayon.com/mediaforce/refinance_go_v3.1/go.html

<div class="radioSelection">
    <input type="radio" id="radioLicenseYes" name="radioLicense"><label for="radioLicenseYes" class="radioYes">YES</label>
    <input type="radio" id="radioLicenseNo" name="radioLicense"><label for="radioLicenseNo" class="radioNo">NO</label>
</div>

<button class="getRate">Get Your New Rate</button>

<script type='text/javascript'>
function CheckLicense() {
    var licenseYes = document.getElementById("radioLicenseYes");
    var licenseNo = document.getElementById("radioLicenseNo");
    if(licenseYes.checked) {
        $(".getRate").click(function() {
            $("#questions").fadeOut(500);
            $("#loadingAnim").delay(500).fadeIn(1).delay(7000).fadeOut(500);
            $("#loading1").delay(500).fadeIn(500).delay(1500).fadeOut(500);
            $("#loading2").delay(3000).fadeIn(500).delay(1500).fadeOut(500);
            $("#loading3").delay(5500).fadeIn(500).delay(1500).fadeOut(500);
            $("#qualify").delay(8000).fadeIn(500);
            $("#redirecting").delay(8800).fadeIn(1);
            $("#loadingAnim2").delay(8800).fadeIn(1);
        });
    }
    else if(licenseNo.checked) {
        $(".getRate").click(function() {
            $("#questions").fadeOut(500);
            $("#noQualify").delay(500).fadeIn(500);
        });
    }
}

Answer 1

这里是一个工作示例:

$(function() {

  $(".getRate").click(function() {

    var licenseYes = document.getElementById("radioLicenseYes");
    var licenseNo = document.getElementById("radioLicenseNo");
    if (licenseYes.checked) {

      console.log("yes hello");

    } else if (licenseNo.checked) {
      console.log("no hello");

    }
  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="radioSelection">
  <input type="radio" id="radioLicenseYes" name="radioLicense"><label for="radioLicenseYes" class="radioYes">YES</label>
  <input type="radio" id="radioLicenseNo" name="radioLicense"><label for="radioLicenseNo" class="radioNo">NO</label>
</div>

<button class="getRate">Get Your New Rate</button>

使用 jQuery，您可以轻松地添加一个事件监听器并运行您的 if 语句。您的代码有什么问题:您已经创建了一个 javascript 函数，但您从未调用过它!在你的函数中，你有一些 jquery 可以很好地完成这个技巧(经过一些修改)。您不需要创建如下命名函数:function getBla()。 jQuery 会为你做这些。为了演示目的，我简化了代码。