محاسبه قیمت واحد و قیمت کل توسط جاوا اسکریپت

با سلام من یک کد دارم به این شکل

کد:

---

<label><input type="radio" name="radiobox" id="card" value="1234:5000"> کارت اول</label>
<label><input type="radio" name="radiobox" id="card" 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>

---

حالا می خام توسط جاوا اسکریپت با کلیک کردن روی کارت اول یا دوم اعداد بعد از : را جدا کرده و با تعداد فیلد number ضرب کند و توی ای دی total نمایش دهد خروجی را و همچنین عدد جدا شده بعد از : را نیز درون ای دی unit_price نمایش دهد مثلا 1234:5000 در اینجا 5000 را ضرب در تعداد مثلا 1 2 ... n کند و آن را چاپ کند. لطفا راهنمایی کنید ممنون

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

پیدا کردم می زارم اینجا شاید کسی لازمش شد ممنون

کد:

---

$(function(){
    $('input[name="radiobox"]').change(function(){
        var card = $(this).val();
        var splitCard = card.split(':');
            splitCard = splitCard[1];
        $('#unit_price').text(splitCard);
        var total = $('#quantity').val() * splitCard;
        $('#total').text(total);
    });
    $('#quantity').keyup(function(){
        var quantity = $(this).val();
        var unit = $('#unit_price').text();
        var total = unit * quantity;
        $('#total').text(total);
    });
})

---