JQuery文本框单击功能，即使文本框为空，也会增加值

Question

当用户在“原理”文本框中单击鼠标时，该值增加$ 1000。即使文本框为空，这也应该有效。

该功能仅在文本框中已有值时才有效。当我点击它时，该值显示NaN。

$("#principal").click(function () {
            var p = parseFloat($("#principal").val());
            p = p + 1000.00;
            $("#principal").val(p); 
        });

Answer 1

这可以解决您的问题：

$("#principal").click(function () {
            var p = parseFloat($("#principal").val() || 0);
            p = p + 1000.00;
            $("#principal").val(p); 
        });

Answer 2

只需添加|| 0作为某种“后备”。如果parseFloat函数是假的，则将其设置为0作为值。

我还将p = p + 1000.00更改为p += 1000.000，但仅出于设计原因。

$("#principal").click(function () {
    var p = parseFloat($("#principal").val()) || 0;
    p += 1000.00;
    $("#principal").val(p);
});

Answer 3

$("#principal").click(function () {
        var p = parseFloat($("#principal").val());
if($("#principal").val().length == 0)
{
  p = 1000.00;
}
else
{
  p = p + 1000.00;
}
  $("#principal").val(p); 
});