حمید محسنی
1 سال پیش توسط حمید محسنی مطرح شد
0 پاسخ

تغییر قیمت کل با جاوا اسکریپت

سلام و درود خدمتتون دوستان عزیزم
@hesammousavi
@ali.bayat
@juza66
@mohsenbostan
لطف میکنید راه حل این مشکل من رو به من توضیح بدید و اگر نمونه کدش رو رو همراه توضیحتون بدید به درک بهتر موضوع برای من خیلی کمک میکنید چون من توی جاوا اسکریپت خیلی قوی نیستم
ببینید من توی پروژه ام دارم یه سری اطلاعات رو از دیتابیس میگیرم و این اطلاعات رو توی چک باکس قراردادم که هر چک باکس یه قیمت داره یه عنوان داره و یه دیسکریپشن میخوام وقتی کاربر هر کدوم از این چک باکس هارو انتخاب کرد قیمت همون چک باکس در یه تگ h5 که زیر حلقه حلقه قراردادم نمایش داده باشه کدم رو در زیر تضیحات قرار دادم که بررسی بفرمایید
ببینید من اومدم قیمت موارد دریافتی از دیتابیس رو توی value چک باکس قراردادم که بتونم برای اون بهش دسترسی داشته باشم و در نهایت در زیر foreach اومدم یه تگ h5 گذاشتم حالا میخوام کاربر وقتی روی هرکدام از چک باکس ها رو که انتخاب کرد قیمت اون چک باکس با عددی که توی تگ h5 هست جمع بشه و جایگزین عدد قبلی بشه تا وقتی کاربر اقدام خرید کرد قیمت جدید و درستی رو بتونه خرید کنه ممنون میشم راهنماییم کنید

کد پروژه:

</div>
@foreach ($product->additives as $additive) 
<div class="row">
    <div class="col-1">
        <div class="form-check form-check-inline">
            <input style="margin-top: 0.5rem" class="additive" name class="form-check-input" type="checkbox" id="inlineCheckbox1" value="{{ $additive->price }}">
        </div>
    </div>
    <div class="col-11">
        <div class="input input--secondary">
            <label for="anNum">{{ $additive->title }}</label>
            <br>
            <div style="border: none; background-color: #eff4ff; padding: 19px 30px; border-radius: 10px; width: 100%;">
                <label style="color: #5a8dee; font-size: initial; font-weight: 500;" for="anNum">{{ $additive->description }}</label>
                <label style="float: left; background-color: #fff2e1; padding: 5px 12px; border-radius: 6px; color: #fdac41;" class="price" for="anNum">قیمت : {{ $additive->price }} تومان</label>
            </div>
        </div>
    </div>
</div>
@endforeach
<div class="suby">
<h5 class="price">2850000 تومان</h5>
<button type="submit" class="button button--effect">خرید سرویس</button>
</div>

عکس فرانت پروژه
 تصویر
همینطور که در عکس بالا میبینید با انتخاب هر چک باکس میخوام اون قیمت نهایی سرویس آپدیت بشه و قیمت اون وردی که توی کاربر با انتخاب چک باکس انتخاب کرده به قیمت قبلی اضافه بشه ممنونم از راهنماییتون


ثبت پرسش جدید

به همدیگه کمک کنیم

به حمید محسنی کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام