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

[mpc]

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

<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 کند و آن را چاپ کند. لطفا راهنمایی کنید ممنون

[mojtaba05]

سلام، دلیل وجود 1234 و 5678 داخل value دکمه های رادیویی چیه؟

[mpc]

سلام، دلیل وجود 1234 و 5678 داخل value دکمه های رادیویی چیه؟

سلام من توی php عدد قبل : رو جدا می کنم و با اون مشخص می کنم که کاربر چه محصولی رو انتخاب کرده برای خرید کردن چون نام رادیوباکس ها همشون یکیه و نمی شه مشخص کرد توسط نام که کاربر کدام محصول رو انتخاب کرده

[woods_f]

بفرمایید

http://jsfiddle.net/8pvvnneo

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

[mpc]

می دونم ولی وقتی addComma رو به کد

$('#unit_price').text(splitCard);
$('#unit_price').text(addComma(splitCard));

اضافه می کنم این طوری می شه

قیمت واحد : 25,000

قیمت کل : NaN

بعد می خام برای هر دوتاشونم اونطوری بینشون کاما بزاره

[mojtaba05]

به خاطر اینه که مقدار کل از محاسبه مقدار جز به دست میاد. با گذاشتن کاما، مقدار جز از حالت عددی خارج میشه و مقدار کل در محاسبه به مشکل می خوره و NaN رو برمی گردونه. می تونید یک متغیر جداگانه بسازید که نمایش داده نشه و فقط برای محاسبه به کار بره، یا با replace کردن، قبل از محاسبه کاما رو حذف کنید.

[mpc]

به خاطر اینه که مقدار کل از محاسبه مقدار جز به دست میاد. با گذاشتن کاما، مقدار جز از حالت عددی خارج میشه و مقدار کل در محاسبه به مشکل می خوره و NaN رو برمی گردونه. می تونید یک متغیر جداگانه بسازید که نمایش داده نشه و فقط برای محاسبه به کار بره، یا با replace کردن، قبل از محاسبه کاما رو حذف کنید.

ممنون دستتون درد نکنه من از این کد استفاده کردم ایراد خاصی ندارد ؟

$(document).ready(function(){
                // add comma
                function addComma( str ) {
                        var objRegex = new RegExp( '(-?[0-9]+)([0-9]{3})' );
                     
                        while( objRegex.test( str ) ) {
                            str = str.replace( objRegex, '$1,$2' );
                        }
                     
                        return str;
                }
    
                var cur = " تومان";
                cal = function(){
                var card = $(".card:checked").val();
                var splitCard = card.split(':');
                    splitCard = splitCard[1];
                var quantity = $("#quantity");
        
                var price = parseInt(splitCard);
                    if(price){
                        var num = quantity.val();
                        var total_price = price * num;
                        if(num.length == 0)
                            num = 0;
            
                        $("#unit_price").text(addComma(price + cur));
                        $("#total").text(addComma(total_price + cur));
                    }
                }
    
                $(".card").change(function(){
                    var card = $(this);
                    $(".card").removeAttr("checked");
                    card.attr("checked", "checked");
                    cal();
                });
        
                $("#quantity").keyup(function(){
                    cal();
                });
            });