1

我知道这很简单。但它仍然不起作用。我将输入数字与固定数字相乘,但未显示预期结果。即使我输入一些整数,它也总是显示错误消息“请输入一些值”例如 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 代码。

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

任何帮助将不胜感激。

谁能告诉我如何连接文本框中不同按钮的所有单击值?我想在文本框中显示按钮的先前和当前单击值。谢谢你。

4

6 回答 6

3

你不是这个意思#getdata吗?在哪里#input

在您的代码中替换("#input")为。("#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");
     }
  });
});​
于 2012-08-22T11:58:21.270 回答
0
 $(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");
                }
             });
             });
于 2012-08-22T11:59:31.473 回答
0

签出这个小提琴

我认为这就是你想要的。

<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>
于 2012-08-22T13:44:17.000 回答
0

您没有 id 为“输入”的输入。jquery 选择器 #somestring正在寻找 id 为 的元素somestring

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

于 2012-08-22T11:58:17.733 回答
0

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

对于 jQuery 问题,总是先怀疑选择器,然后再想知道还有什么问题。确认它确实找到了你认为的元素——永远不要假设。

console.log($('#input').length); //0
于 2012-08-22T11:58:19.407 回答
0
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/

于 2012-08-22T11:58:28.603 回答