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

[mojtaba05]

سلام،

اگر می تونید از جی کویری استفاده کنید به این شکل عمل کنید:

html:

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

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

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

js:

$(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);
    });
})

دموی آنلاین: http://jsfiddle.net/sabeti05/1vfmu2gg/

فراموش نکنید که قبلش باید جی کویری رو فراخوانی کرده باشید.

[mpc]

سلام،

اگر می تونید از جی کویری استفاده کنید به این شکل عمل کنید:

html:

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

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

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

js:

$(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);
    });
})

دموی آنلاین: http://jsfiddle.net/sabeti05/1vfmu2gg/

فراموش نکنید که قبلش باید جی کویری رو فراخوانی کرده باشید.

ممنون این تابع addComma رو چطوری اضافه کنم بهشون اضافه نمی شه

function addComma(str){
                var objRegex = new RegExp('(-?[0-9]+)([0-9]{3})');
                 
                while(objRegex.test(str)){
                    str = str.replace(objRegex, '$1,$2');
                }
                 
                return str;
            }
            
            $(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);
                });
            });

[mojtaba05]

این قسمت که توی کد من اول بود، رو مجددا بیارید اول. قبل از تابع تون:

$(function(){

یعنی این جوری میشه:

            $(function(){
                function addComma(str){
                    var objRegex = new RegExp('(-?[0-9]+)([0-9]{3})');
                     
                    while(objRegex.test(str)){
                        str = str.replace(objRegex, '$1,$2');
                    }
                     
                    return str;
                }
                $('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);
                });
            });