Javascript 如何使用jquery向html元素添加或减去数字

我正在尝试对span标记内的数字进行加减。这取决于复选框。下面是我正在尝试的jquery：

//If checked
var $newprice = $("#totalprice").val() + 299;               
$("#totalprice").text($newprice);

//If NOT checked
var $newprice = $("#totalprice").val() - 299;               
$("#totalprice").text($newprice);

---

如果我选中该框，它将添加299，但未选中将数字更改为-299。

对于span，您需要使用方法获取内容，而不是。在这两种情况下，都返回一个空字符串。在第一种情况下，只会发生字符串连接。在第二种情况下，它将是

“”-231

，结果是

-231

，其中空字符串充当0

因此，您可以将与包含索引和旧值的回调一起使用，解析旧值并添加或减去值，然后返回更新

//If checked
var $newprice = $("#totalprice").text(function(i,v){
    return parseInt(v,10) + 299;               
});
//If NOT checked
var $newprice = $("#totalprice").text(function(i,v){
    return parseInt(v,10) - 299;               
});

---

对于span，您需要使用方法来获取内容，而不是。在这两种情况下，都返回一个空字符串。在第一种情况下，只会发生字符串连接。在第二种情况下，它将是

“”-231

，结果是

-231

，其中空字符串充当0

因此，您可以将与包含索引和旧值的回调一起使用，解析旧值并添加或减去值，然后返回更新

//If checked
var $newprice = $("#totalprice").text(function(i,v){
    return parseInt(v,10) + 299;               
});
//If NOT checked
var $newprice = $("#totalprice").text(function(i,v){
    return parseInt(v,10) - 299;               
});

---

您必须在复选框发生更改时执行此操作：

$（':checkbox'）。更改（函数（）{
如果（选中此项）{
//如果检查
var$newprice=+$（“#totalprice”）.text（）+299；
$（“#totalprice”）.text（$newprice）；
}否则{
//如果没有检查
var$newprice=+$（“#totalprice”）.text（）-299；
$（“#totalprice”）.text（$newprice）；
}
});


0
您必须在复选框发生更改时执行此操作：


$（':checkbox'）。更改（函数（）{
如果（选中此项）{
//如果检查
var$newprice=+$（“#totalprice”）.text（）+299；
$（“#totalprice”）.text（$newprice）；
}否则{
//如果没有检查
var$newprice=+$（“#totalprice”）.text（）-299；
$（“#totalprice”）.text（$newprice）；
}
});


0
分享你的html代码…你需要
parseInt（）
你能给我们展示一些工作代码吗@GarrettJ944在复选框的更改事件中输出您的代码，这将起作用。很抱歉没有发布HTML，@PranavCBalan是正确的答案共享您的HTML代码…您需要
parseInt（）
您能给我们展示一些工作代码吗@GarrettJ944在复选框的更改事件中输出您的代码，这将起作用。很抱歉没有发布HTML，@PranavCBalan是正确的答案，如果选中，则为
299
。谢谢。我想val（）更适合于检查输入值？如果选中，则为
299
。谢谢。我想val（）更适合检查输入值？谢谢，这也是一个有趣的方法：）谢谢，这也是一个有趣的方法：）