Question

我知道这很简单。但它仍然无法正常工作。我将输入数字乘以固定数字，但未显示预期结果。总是显示错误消息“请输入一些值”即使我输入一些整数，例如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" />

这是JQuery Code。

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

任何帮助都将受到高度赞赏。

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

Answer 1

你不是指#getdata吗？ #input在哪里？

将("#input")替换为代码中的("#getdata")。

查看此fiddle。

$(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");
     }
  });
});

Answer 2

您没有id为“input”的输入。 jquery selector #somestring正在寻找ID为somestring的元素。

在代码中将("#input")替换为("#getdata")。

Answer 3

您发布的HTML中没有ID input的字段，但您的jQuery正在寻找一个。也许你的意思是$('#show')

对于jQuery问题，总是怀疑选择器，甚至想知道还有什么可能是错的。确认它实际上找到了你认为它的元素 - 从不假设。

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

Answer 4

if ($("#input").val() != ''  && $("#input").val() != undefined) {

您的标记中的任何字段都没有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");
        }
     });

实例：http://jsfiddle.net/82pf4/

Answer 5

 $(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");
                }
             });
             });

Answer 6

结帐Fiddle

我认为这就是你想要的。

<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>

使用JQuery计算问题

6 个答案: