HTML重置按钮无法正常工作

时间:2013-11-20 11:43:36

标签: php html html-form-post

我有一些PHPHTML的基本总结示例,在此PHP页面内,重置按钮仅重置前两个输入字段,并且它没有重置第三个答案字段。我不知道这个原因是什么错误我是PHP的新手。有人请帮我解决这个问题。

<html>
<head>
<title>Title goes here</title>
</head>
<body>

<form action="" method="post">
<label>Enter Num1:</label>
<input type="text" name="num1" id="num1" /><br>
<label>Enter Num2:</label>
<input type="text" name="num2" id="num2" /><br><br>

<input type="radio" name="rad" value="add"/>addition
<input type="radio" name="rad" value="sub"/>sub

<input  type="submit" name="btn_submit" value="fire">

<?php
    if(isset($_POST['btn_submit']))
    {
        $num1 = $_POST['num1'];
        $num2 = $_POST['num2'];
        $rad_val = $_POST['rad'];
        if($rad_val=="add"){
        $total =  $num1+$num2;      
        }
        else if($rad_val=="sub"){
        $total =  $num1-$num2;
        }     
        echo "<SCRIPT TYPE=\"text/javascript\">

document.getElementById(\"num1\").value= $num1;
document.getElementById(\"num2\").value= $num2;
</SCRIPT>";
        echo "<label>Answer is:</label> <input type=\"text\" name=\"rad\" value = $total />";
        echo"<input  type=\"reset\" name=\"reset\" value=\"reset\" />";

    }
    else if(isset($_POST['reset'])){
    echo "<script>window.location = 'your_page.php';</script>";
    }
?>


</form>


</body>
</html>

2 个答案:

答案 0 :(得分:1)

重置功能会加载your_page.php。因此,该页面上的初始值可能需要更改为0.您能举例说明your_page.php吗?

您可以通过更改行

来触发页面刷新
echo"<input  type=\"reset\" name=\"reset\" value=\"reset\" />";

echo"<input  type=\"reset\" name=\"reset\" value=\"reset\" onclick= \"window.location = 'your_page.php';\"/>";

更好。只需将Answer中的值重置为0,这将保存在页面重新加载。

在结果字段中添加ID:

<input type=\"text\" name=\"rad\" id=\"rad\" value = $total />";

并在重置点击/

上更改te值
echo"<input  type=\"reset\" name=\"reset\" value=\"reset\" onclick= \" document.getElementById(\"rad\").value= 0;\"/>";

答案 1 :(得分:1)

使用Jquery,您可以重置为任何值,但您可以使用net来阻止默认操作:

示例:

$('#Reset').click(function(){
    event.preventDefault();
    $('#element').val('default');
    $('#element2').val('default');
    $('#element3').val('default');      
});