JSFiddle - React, Tailwind, and code Playground

HTML

<label><input type="radio" name="radiobox" id="card1" value="1234:5000"> کارت اول</label>
<label><input type="radio" name="radiobox" id="card2" value="5678:10000"> کارت دوم</label>

<input type="number" name="quantity" id="quantity" min="0">

<p>قیمت واحد : <span id="unit_price">0</span></p>
<p>قیمت کل : <span id="total">0</span></p>

JavaScript

$('input[name="radiobox"]').click(function() {
    $number = $('#quantity').val();
    $card = $(this).val();
    $cardArray = $card.split(':');
    
    $('#unit_price').html($cardArray[1]);
    $('#total').html($cardArray[1] * $number);
});