gpt4 book ai didi

javascript - 根据复选框点击更改价格

转载 作者:行者123 更新时间:2023-11-30 20:24:52 25 4
gpt4 key购买 nike

我目前正在寻求有关此事的帮助。这里的问题是,它不是做复选框值 + 以前的值,而是将它们加在一起,就像放置“10”一样,在单击其他复选框后,它会向它添加值,而不是像“1020”那样计算它,而不是做 10 +20

$(document).ready(function() {


$("input[type=checkbox]").click(function() {
var total = 0;
$("input[type=checkbox]:checked").each(
function() {
total = total + parseInt($(this).val());

});
var input = document.getElementById("valor");
input.value += input.value + total;

});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Comissões Técnicas</label>
<label class="container newlabel">CPT
<input type="checkbox" value="10" name="cpt" >
<span class="checkmark"></span>
</label><br>
<label class="container newlabel">CPGA (Gratuito para Sócios da SPG)
<input type="checkbox" value="10" name="cpga" >
<span class="checkmark"></span>
</label><br>
<input id="valor" type="text">

最佳答案

检查是否重复点击复选框也应该处理取消选中分数应该减少。

    $(document).ready(function() {

$("input[type=checkbox]").click(function() {
var total = 0;
total = parseInt(document.getElementById("valor").value);
if(isNaN(total)){
total = 0;
}
if($(this).prop('checked')){
total = total + parseInt($(this).val());
} else {
total = total - parseInt($(this).val());
};
var input = document.getElementById("valor");
input.value = total;
});
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Comissões Técnicas</label>
<label class="container newlabel">CPT
<input type="checkbox" value="10" name="cpt" >
<span class="checkmark"></span>
</label><br>
<label class="container newlabel">CPGA (Gratuito para Sócios da SPG)
<input type="checkbox" value="20" name="cpga" >
<span class="checkmark"></span>
</label><br>
<input id="valor" type="text">

关于javascript - 根据复选框点击更改价格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51029333/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com