使用jQuery对span和一个select标记的值求和

noj0wjuj 于 2022-12-22 发布在 jQuery

关注(0)|答案(2)|浏览(112)

我想得到一个或多个跨度值，只有一个选择标记，从而得到总和，并显示在'总计'行时提交。enter image description here。最终目标是有项目的总和时，选择。我添加了我的表截图。
先谢了。

if ($('#screen').is(":checked")) {
                        $('#screen_display').html($("#screen").val());
                        $('#price_screen').append("300"); 
                   
                    }
                if ($('#garantie').is(":checked")) {
                        $('#garantie_display').html($("#garantie").val());
                        $('#price_garantie').append("200"); 
                    }
                 if ($('#printer').is(":checked")) {
                        $('#printer_display').html($("#printer").val());
                        $('#price_printer').append("100"); 
                    }
                 if ($('#mouse').is(":checked")) {
                        $('#mouse_display').html($("#mouse").val());
                        $('#price_mouse).append("40"); 
                    }

<select id="select_price" required>
                    <option value="">Please select price</option>
                    <option value="799" class="price" >799</option>
                    <option value="500" class="price" >500</option>
                    <option value="1200"class="price" >1200</option>
                    <option value="1500"class="price" >1500</option>
                </select>
           
                <div>
                    <input type="checkbox" id="screen" value = "screen"/>
                    <label for="screen">screen :</label><span id="300" class="price"> 300</span><br>
                </div>
                <div>
                    <input type="checkbox" id="garantie" value="garantie"/>
                    <label for="garantie">Garantie :</label><span id="200" class="price" >200</span><br>
                </div>
  <div>
                    <input type="checkbox" id="printer" value="printer"/>
                    <label for="printer">Printer :</label><span id="100" class="price" >100</span><br>
                </div>
               <div>
                <input type="checkbox" id="mouse" value="mouse"/>
                <label for="mouse">Mouse fil :</label><span id="40" class="price" >40</span><br><br>
               </div>

我完成了我的项目

jquery

来源：https://stackoverflow.com/questions/74870035/to-sum-value-of-span-and-one-select-tag-with-jquery

2条答案

按热度按时间

n3h0vuf21#

类似下面的操作应该可以工作，您可以对其他跨度元素重复该过程

var span1Value = parseInt($("#price_screen").text());    
var span2Value = parseInt($("#price_garantie").text());    
var selectValue = parseInt($("#select_price").find(":selected").val());    

var total = span1Value + span2Value + selectValue;
$('#total').html(total);

赞(0）回复(0）举报 2022-12-22

0yg35tkg2#

enter image description here
@里基体操馆
我做了一些修改，因为span类是“. price”。但是结果很奇怪

var span1Value = parseInt($(".price").text());      
var selectValue = parseInt($("#select_prix").find(":selected").val());    
var total = span1Value + selectValue;

赞(0）回复(0）举报 2022-12-22

我来回答

使用jQuery对span和一个select标记的值求和

2条答案

相关问题

热门标签

最新问答