jquery - get a value in mix radio button-CodePudding

Would you like to check what wrong in my code, I have 2 group radio button when I click the radio button variable r not have a value :

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

});

Thank you very much.

CodePudding user response：

Something like this should work.

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