Javascript JQuery的计算问题

我知道这很简单。但它仍然不起作用。我用一个固定的数字乘以一个输入数字，但没有显示预期的结果。即使我输入了一些整数，它也总是显示错误消息“请输入一些值”，例如6。 这是Html代码

 <input type="text" class="cc"  id="getdata" />
  <div id="result"> <input type="text" id="show" /></div>
   <input type="button" value="calculate" id="calculate" />

我们将非常感谢您的帮助

有人能告诉我如何在一个文本框中连接不同按钮的所有点击值吗？我想在一个文本框中显示按钮的上一次点击值和当前点击值。

---

谢谢。

您没有id为“input”的输入。

#somestring

正在查找id为

somestring

的元素

---

将代码中的

（“#input”）

替换为

（“#getdata”）

。

在您发布的HTML中没有ID为

input

的字段，但您的jQuery正在寻找一个。也许你的意思是

$（'#show'）

对于jQuery问题，在考虑其他可能的错误之前，始终要怀疑选择器。确认它确实找到了你认为它没有的元素——永远不要假设

console.log($('#input').length); //0

你的意思不是

#getdata

？哪里是

#输入

将代码中的

（“#输入”）

替换为

（“#获取数据”）

看看这个。

$(document).ready(function () {
  $("#calculate").click(function () {
     if ($("#getdata").val() != '' && $("#getdata").val() != undefined) {
         $("#result").html("total value is::" + parseInt($("#getdata").val()) * 5);
     } else {
         $("#result").html("Please enter some value");
     }
  });
});​

您的标记中没有id为

input

的任何字段

我认为您希望该脚本中的

#input

的所有实例都是

#getdata

，但您也应该只将其值读入变量一次，然后使用该值：

$("#calculate").click(function () {
     var val = $('#getdata').val();
        if (val != ''  && val != undefined) {
         $("#result").html("total value is::" + parseInt(val) * 5);
        }
        else {
            $("#result").html("Please enter some value");
        }
     });

现场示例：

签出此

我想这就是你想要的

<input type="text" class="cc"  id="getdata" />
<input type="button" value="calculate" id="calculate" />
<div id="result"></div>​

<script>
$("#calculate").click(calculate);
$("#getdata").keypress(function(ev){
    if(ev.keyCode == 13)
        calculate();
});

function calculate()
{
    var $getData = $("#getdata");
    var $result= $("#result");

    if ($getData .val() != ''  && $getData .val() != undefined && !isNaN($getData .val()))
    {
        $result.append((parseInt($getData .val()) * 5) + "<p>");
    }
    else
    {   
        $result.append("Please enter some value<p>");
    }
    $getData .val("").focus();
}
​
</script>

​
$（“#计算”）。单击（计算）；
$（“#获取数据”）。按键（功能（ev）{
如果（ev.keyCode==13）
计算（）；
});
函数计算（）
{
var$getData=$（“#getData”）；
var$result=$（“#result”）；
if（$getData.val（）！=''&&$getData.val（）！=未定义的（&&！isNaN（$getData.val（）））
{
$result.append（（parseInt（$getData.val（））*5）+“”；
}
其他的
{   
$result.append（“请输入一些值”；
}
$getData.val（“”.focus（）；
}
​

谢谢大家。我刚刚更改了它，忘记了重命名。当然：）对于您提出的任何问题，您都可以在答案旁边的灰色箭头上打勾。这标志着它被接受，任何未来的访问者都知道这是对你有用的答案。

$("#calculate").click(function () {
     var val = $('#getdata').val();
        if (val != ''  && val != undefined) {
         $("#result").html("total value is::" + parseInt(val) * 5);
        }
        else {
            $("#result").html("Please enter some value");
        }
     });

 $(document).ready(function () {
            $("#calculate").click(function () {
                if ($("#getdata").val() != ''  && $("#getdata").val() != undefined) {
                 $("#result").html("total value is::" + parseInt($("#getdata").val()) * 5);
                }
                else {
                    $("#result").html("Please enter some value");
                }
             });
             });

<input type="text" class="cc"  id="getdata" />
<input type="button" value="calculate" id="calculate" />
<div id="result"></div>​

<script>
$("#calculate").click(calculate);
$("#getdata").keypress(function(ev){
    if(ev.keyCode == 13)
        calculate();
});

function calculate()
{
    var $getData = $("#getdata");
    var $result= $("#result");

    if ($getData .val() != ''  && $getData .val() != undefined && !isNaN($getData .val()))
    {
        $result.append((parseInt($getData .val()) * 5) + "<p>");
    }
    else
    {   
        $result.append("Please enter some value<p>");
    }
    $getData .val("").focus();
}
​
</script>