How can I increase or decrease the amount of products received by id without refreshing the page in ASPNet MVCforeach var ch in ModelSTOKLAR1Results ltdiv class34item34gt ltimg src34chRESIMYOL34 style34width 100 height 210px34gt ltP style34backgroundcolor red color FFF fontsize 18px width 10034gtchSTOKADIltPgt lth6 style34color green34gtchFIYATlth6gt lth6 style34color

Hi 65sametkaya65Refer below codeHTMLforeach var ch in Model ltdiv class34item34gt ltimg src34chRESIMYOL34 style34width 100 height 210px34gt ltP style34backgroundcolor seagreen color FFF fontsize 18px width 10034gtchSTOKADIltPgt lth6 style34color green34gtchFIYATlth6gt lth6 style34color red34gt chACIKLAMA lth6gt ltlabelgtIDltlabelgt ltinput type34text34 name34STOKID34 id34stk34 value34chID34 gt ltinput type34text34 name34MASAID34 id34msid34 value34ViewBagmasaid34 hidden gt ltinput type34text34 name34FIRMAKODU34 id34frmkd34 value34ViewBagfirma34 hidden gt ltlabelgtamountltlabelgt ltinput type34number34 name34MIKTAR34 id34mktr34 value34134

Increment Decrement TextBox value on Button Click using JavaScript in ASP.Net MVC

65sametk...

SOLVED CLOSED ACTIVE ANSWERED
User: 65sametkaya65
Posted: on Nov 17, 2023 04:06 AM
Forum: ASP.Net MVC
Answer: 1
Views: 2763

How can I increase or decrease the amount of products received by id without refreshing the page in ASP.Net MVC?

@foreach (var ch in Model.STOKLAR1_Results)
{
    <div class="item">
        <img src="@ch.RESIMYOL" style="width: 100%; height: 210px">
        <P style="background-color: red; color: #FFF; font-size: 18px; width: 100%;">@ch.STOKADI</P>
        <h6 style="color: green;">@ch.FIYAT</h6>
        <h6 style="color: red;">
            @ch.ACIKLAMA
        </h6>
        <input type="text" name="STOKID" id="txtstok" value="@ch.ID" />
        <input type="text" name="MASAID" id="txtmasa" value="@ViewBag.masaid" hidden />
        <input type="text" name="FIRMAKODU" id="txtfirma" value="@ViewBag.firma" hidden />
        <input type="number" name="MIKTAR" id="txtmiktar" value="1" style="width:55px" />
 
        <button type="button" class="btn btn-success" id="spt">add</button>
        <button class="quantity-minus" onclick="azalt()"><i class="fa fa-minus"></i></button>
        <input class="quantity-input" id="sonuc" type="text" value="1" />
        <button class="quantity-plus" type=button onclick="arttir()"><i class="fa fa-plus"></i></button>
 
         <script>
            function arttir() {
 
                var sonuc = document.getElementById("sonuc");
                sonuc.value = Number(sonuc.value) + 1;
            }
 
            function azalt() {
 
                var sonuc = document.getElementById("sonuc");
                sonuc.value = Number(sonuc.value) - 1;
            }
 
        </script>
    </div>
}

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 3

Reply
ANSWER
User: dharmendr
Replied: on Nov 17, 2023 05:44 AM
Report

Hi 65sametkaya65,

Refer below code.

HTML

@foreach (var ch in Model)
{
    <div class="item">
        <img src="@ch.RESIMYOL" style="width: 100%; height: 210px">
        <P style="background-color: seagreen; color: #FFF; font-size: 18px; width: 100%;">@ch.STOKADI</P>
        <h6 style="color: green;">@ch.FIYAT</h6>
        <h6 style="color: red;">
            @ch.ACIKLAMA
        </h6>
        <label>ID</label>
        <input type="text" name="STOKID" id="stk" value="@ch.ID" />
        <input type="text" name="MASAID" id="msid" value="@ViewBag.masaid" hidden />
        <input type="text" name="FIRMAKODU" id="frmkd" value="@ViewBag.firma" hidden />
        <label>amount</label>
        <input type="number" name="MIKTAR" id="mktr" value="1" style="width:55px" />
        <button type="button" class="btn btn-success sptekle" id="sptekle">Add</button>
        <button type="button" class="btn btn-success" id="spt">add</button>
        <button class="quantity-minus" onclick="azalt(this)">-</button>
        <input class="quantity-input" id="sonuc" type="text" value="1" />
        <button class="quantity-plus" type=button onclick="arttir(this)">+</button>
    </div>
}

<script type="text/javascript">
    function azalt(ele) {
        if (ele.nextSibling.nextSibling.value > 1) {
            ele.nextSibling.nextSibling.value = parseInt(ele.nextSibling.nextSibling.value) - 1;
        }
    }

    function arttir(ele) {
        if (ele.previousSibling.previousSibling.value > 0) {
            ele.previousSibling.previousSibling.value = parseInt(ele.previousSibling.previousSibling.value) + 1;
        }
    }
</script>

Example:

<div class="item">
    <button class="quantity-minus" onclick="azalt(this)">-</button>
    <input class="quantity-input" id="sonuc" type="text" value="1" />
    <button class="quantity-plus" type=button onclick="arttir(this)">+</button>
</div>
<div class="item">
    <button class="quantity-minus" onclick="azalt(this)">-</button>
    <input class="quantity-input" id="sonuc" type="text" value="1" />
    <button class="quantity-plus" type=button onclick="arttir(this)">+</button>
</div>
<div class="item">
    <button class="quantity-minus" onclick="azalt(this)">-</button>
    <input class="quantity-input" id="sonuc" type="text" value="1" />
    <button class="quantity-plus" type=button onclick="arttir(this)">+</button>
</div>
<div class="item">
    <button class="quantity-minus" onclick="azalt(this)">-</button>
    <input class="quantity-input" id="sonuc" type="text" value="1" />
    <button class="quantity-plus" type=button onclick="arttir(this)">+</button>
</div>

<script type="text/javascript">
    function azalt(ele) {
        if (ele.nextSibling.nextSibling.value > 1) {
            ele.nextSibling.nextSibling.value = parseInt(ele.nextSibling.nextSibling.value) - 1;
        }
    }

    function arttir(ele) {
        if (ele.previousSibling.previousSibling.value > 0) {
            ele.previousSibling.previousSibling.value = parseInt(ele.previousSibling.previousSibling.value) + 1;
        }
    }
</script>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Increment Decrement TextBox value on Button Click using JavaScript in ASP.Net MVC

Company

Explore

Follow us

Contact Us