Question

这是我评估的一部分，我们必须使用JavaScript HTML和PHP来制作带有按钮的计算器，不是字段。

我设法制作了界面＆＃39;但无法锻炼如何使按钮工作。我需要在输入字段中显示数字（必须是只读）

我要求的是帮助我在输入栏中显示我创建的按钮：

我需要在文本字段中显示输入

HTML

</head>
<body>
    <input id="ip1" type="text" readonly="readonly"/><br/>
    <button>1</button>
    <button>2</button>
    <button>3</button>
    <button>CE</button> </br>
    <button>4</button>
    <button>5</button>
    <button>6</button>
    <button>/</button> <br>
    <button>7</button>
    <button>8</button>
    <button>9</button>
    <button>*</button> </br>
    <button>0</button>
    <button>-</button>
    <button>+</button>
    <button>=</button> </br>
</body>
</html>

JavaScript （jQuery）

<script>
    $(document).ready(function() {
        $("button").click(function()  {
            $.post("calc.php",  { formText : $("#ip1").val()  },
                function(data, status) {  $("#ip1").val(data);
            });
        });
    });
</script>

PHP

<?php
    $_POST['formText'];
?>

Answer 1

您可以先按.text()获取点击的按钮文字，然后按.val(text)将其设置为输入字段。例如：

$(document).ready(function() {
    $("button").click(function()  {
        var val = $(this).text();
        if($.isNumeric(val)){ //for checking numeric number
            $("#ip1").val(val);
        }
    });
});

需要帮助使用AJAX制作计算器

1 个答案: