• 28-05-2022, 22:34:53
    #1
                   <div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
      <input title="10" type="checkbox" class="btn-check" id="btncheck1" autocomplete="off">
      <label onclick="prices(btncheck1)"class="btn btn-outline-light" for="btncheck1">Checkbox 1</label>
    
      <input title='30'type="checkbox" class="btn-check" id="btncheck2" autocomplete="off">
      <label onclick="prices(btncheck2)"class="btn btn-outline-light" for="btncheck2">Checkbox 2</label>
    
      <input title='40'type="checkbox" class="btn-check" id="btncheck3" autocomplete="off">
      <label onclick="prices(btncheck3)"class="btn btn-outline-light" for="btncheck3">Checkbox 3</label><script>
    let price =0;
    function prices(a){ 
     var x = a.title;
    
    if(a.checked != true){
    price = price + Number(x); 
    }else{
    price = price - Number(x); 
    
    }
    document.getElementById("tutar").innerHTML = price
    }</script>
    </div>
    Javascripti bilmediğim için bu şekilde fiyat artışı, azalışı yapan bir kod yazdım. Yanlışlık olur mu hesaplama yaparken? Veya farklı bir şekilde nasıl yapılır?
  • 29-05-2022, 01:28:13
    #2
    <div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
    <input title="10" type="checkbox" class="btn-check" id="btncheck1" autocomplete="off">
    <label onclick="prices(btncheck1)"class="btn btn-outline-light" for="btncheck1">Checkbox 1</label>

    <input title='30'type="checkbox" class="btn-check" id="btncheck2" autocomplete="off">
    <label onclick="prices(btncheck2)"class="btn btn-outline-light" for="btncheck2">Checkbox 2</label>

    <input title='40'type="checkbox" class="btn-check" id="btncheck3" autocomplete="off">
    <label onclick="prices(btncheck3)"class="btn btn-outline-light" for="btncheck3">Checkbox 3</label>
    <br>
    <label id="tutar" style="background-color:yellow; color: red;">0</label>

    <script>
    let price =0;
    function prices(a){
    var x = a.title;

    if(a.checked != true){
    price = price + Number(x);
    }else{
    price = price - Number(x);

    }
    document.getElementById("tutar").innerHTML = price
    }</script>
    </div><div class="open_grepper_editor" title="Edit & Save To Grepper"></div>


    senin yazdığın şekilde denedim problem yok sadecek getElementById'den çektiğin birşey yok onun için bir label ekledim.İstersen sana Js kısa notlarım var onları atabilirim.