jquery - 在混合单选按钮中获取值

Question

您想检查一下我的代码有什么问题吗，当我单击单选按钮变量 r 没有值时，我有 2 组单选按钮：

<script>
$(document).ready(function() {
    var s = 0;
    var l = 0;
    var r = 0;

    $('input[type=radio][name="saverity"]').change(function() {
        s = $(this).val();
        console.log(s);
    });

    $('input[type=radio][name="likehood"]').change(function() {
        l = $(this).val();
        console.log(l);
    });

    r = s * l;
    console.log(r);

});

非常感谢。

Answer 1

像这样的东西应该工作。

 $(document).ready(function() { var s = 0; var l = 0; var r = 0; $('input[type=radio][name="saverity"]').change(function() { s = $(this).val(); recalculate(); }); $('input[type=radio][name="likehood"]').change(function() { l = $(this).val(); recalculate(); }); function recalculate(){ r = s * l; console.log(r); } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label> Saverity <input type="radio" name="saverity" value="0"> <input type="radio" name="saverity" value="1"> </label> <br> <label> Likehood <input type="radio" name="likehood" value="0"> <input type="radio" name="likehood" value="1"> </label>