Question

我试图创建一个非常简单的时钟输入/输出系统。试着看下面的html代码。

<form>
<input type="text" value="work" name="work" />
<input type="submit" value="Clock In" name="submit" />
<?php 'some php code here' ?>
</form>

我想要实现的是，每当我单击提交按钮并且表单提交数据时，文本框和提交按钮的值都会改变。当你第一次点击它时，它们都会变为'break / Clock Out'，然后当再次点击时它会变成'work / Clock In'。这怎么可能？我相信它需要js但还不知道代码。尝试在任何地方搜索，但没有运气。希望有人在这里能够提供帮助。

提前致谢。

Answer 1

我不知道我是否正确理解。您不需要使用此表单提交帖子吗？只是改变价值观？

$("form").submit(function(e){
        e.preventDefault();
        if($("input[name='work']").val()=='work')
            {
            $("input[name='work']").val('break');
            $("input[name='submit']").val('Clock out');
          }
         else
            {
            $("input[name='work']").val('work');
            $("input[name='submit']").val('Clock in');
          }
        });

这个例子中显然需要Jquery。

提交表单时更改文本框值和按钮名称

1 个答案: