Question

HTML CODE：

  <div style="padding-left:40px">
    <h2> PHP Calculator</h2>
    <form method="post" action="">

        Enter value: <input type="text" name="value"> <br> <br> 
        <div style="padding-left: 105px">
            <input type="submit" value="9" name="button">
            <input type="submit" value="8" name="button">
            <input type="submit" value="7" name="button">
            <input type="submit" value="+" name="button"> <br>
            <input type="submit" value="6" name="button">
            <input type="submit" value="5" name="button">
            <input type="submit" value="4" name="button">
            <input type="submit" value="-" name="button" style="padding-left: 9px"> <br>
            <input type="submit" value="3" name="button">
            <input type="submit" value="2" name="button">
            <input type="submit" value="1" name="button">
            <input type="submit" value="/" name="button" style="padding-left: 9px"> <br>
            <input type="submit" value="0" name="button" style="padding- left:33px"> 
            <input type="submit" value="." name="button" style="padding-right:9px">
            <input type="submit" value="x" name="button" style="padding left: 7px"><br>
        </div> <br> 
            <input type="submit" value="Calculate" name="Calculator">
    </form>     
   </div>

PHP代码：

<?php 

   if (isset($_POST["Calculate"]))
   {
       echo $_POST["button"];
   } ?>

我正在开发一个PHP计算器，实际上我的问题是当我点击任何输入按钮时，值应显示在文本框中。上面是我试过的代码，但我无法得到结果。任何人都可以帮助我完成工作，以便我能够获得理想的结果。

Answer 1

没有什么比你在PHP中做不到的了，但如果你能用Jquery做到这一点，那么在用户体验方面也会更好。查看您的HTML，我可以看到您有一个输入类型的提交，这意味着每次点击它都会提交一个表单，除非您写下任何不提交的条件。此外，每个按钮的名称也相同，并且很难跟踪单击/输入的名称，请确保您具有唯一的名称字段。如果您只想在PHP中执行此操作，那么在每次提交时您都可以将该值保存在会话或cookie中，并且在加载页面时，您可以检查该会话变量或cookie，并可以向其显示输入值。您可以将以下代码视为参考，但它使用的是jquery。

<div style="padding-left:40px">
    <h2> PHP Calculator</h2>
    <form method="post" action="" id="formID">

        Enter value: <input type="text" name="value" id='btnValue'> <br> <br> 
        <div style="padding-left: 105px">
            <input type="button" value="9" name="btn1">
            <input type="button" value="8" name="btn2">
            <input type="button" value="7" name="btn3">
            <input type="button" value="+" name="btn4"> <br>
            <input type="button" value="6" name="btn5">
            <input type="button" value="5" name="btn6">
            <input type="button" value="4" name="btn7">
            <input type="button" value="-" name="btn8" style="padding-left: 9px"> <br>
            <input type="button" value="3" name="btn8">
            <input type="button" value="2" name="btn9">
            <input type="button" value="1" name="btn10">
            <input type="button" value="/" name="btn11" style="padding-left: 9px"> <br>
            <input type="button" value="0" name="btn12" style="padding- left:33px"> 
            <input type="button" value="." name="btn13" style="padding-right:9px">
            <input type="button" value="x" name="btn14" style="padding left: 7px"><br>
        </div> <br> 
            <input type="submit" value="Calculate" name="Calculator">
    </form>     
   </div>


$('input[type=button]').on('click',function(){
    if($('#btnValue').val()==''){
  $('#btnValue').val($(this).val());
  }else{
 $('#btnValue').val($('#btnValue').val()+($(this).val()));
  }

})

以下是您可以查看https://jsfiddle.net/nef1qgzn/13/

的jsfiddle

注意：我有用户Jquery libraray 3.3.1

PHP计算器使用按钮

1 个答案: