PHP/Javascript 复选框在选中时更改表单操作

Question

这是我得到的:

<form action="invoiceCreate.php" method="post">
<input type="checkbox" name="business" id="business" vaulue="yes" />

基本上，当我选中 “business” 复选框时，我希望表单操作更改为 BusinessInoiveCreate.php 而不是 InvoiceCreate.php .

这样做的最佳方式是什么？

Answer 1

由于未指定，这里有一种不使用 jQuery 的简单方法。根据浏览器兼容性，您可能需要以不同方式附加事件监听器，但一般概念是相同的。

HTML

<form name="myForm" action="invoiceCreate.php" method="post">
  <input type="checkbox" name="business" id="business" vaulue="yes" />
</form>

Javascript

var form = document.getElementsByName("myForm")[0];
var checkBox = document.getElementById("business");

checkBox.onchange = function(){
  if(this.checked){
    form.action = "giveEmTheBusiness.php";
  }else{
    form.action = "invoiceCreate.php";
  }
  console.log(form.action);
};

或者类似的，绑定(bind)一个事件到submit

form.onsubmit = function(){
  if(checkBox.checked)
      form.action = "giveEmTheBusiness.php"
  else
      form.action = "invoiceCreate.php";
};

EXAMPLE