如何根据选中的复选框更改表单操作 url答案

【问题标题】：How to change form action url based on selected checkbox如何根据选中的复选框更改表单操作 url
【发布时间】：2014-12-05 08:39:09
【问题描述】：

我正在尝试构建一个搜索框，让学生可以根据他们的课程代码或教职员工姓名搜索课程储备。缺少的是您可以根据您标记的复选框更改表单操作 url 的部分。我从上一个搜索框中获取了用于下拉选择的 javascript 代码。我知道它不适用于输入，但这就是我对 JavaScript 的理解结束的地方。顺便说一句，我有一个 javascript 正在运行，它只允许选择一个复选框。我的代码如下：

<form name="frm" method="get" action="http://path1" />
    <input name="SEARCH" value="" type="text" autocomplete="off" />
    <input type="submit" value="" />
  <ul>
    <li>
      <input type="checkbox" value="http://path1" checked="checked"/>
      <label for="course">Course Code</label>
    </li>
    <li>
      <input type="checkbox" value="http://path2"/>
      <label for="faculty">Faculty Member</label>
    </li>
  </ul>
</form>
<script language="javascript">
var objForm = document.search;
if (objForm.type.checked)
    {
    objForm.removeChild(objForm.searchType);
    objForm.submit();
    }
</script>

提前致谢

【问题讨论】：

javascript在哪里？
抱歉，添加了 javascript。我也试过 onchange="document.frm.action = this.options[this.selectedValue].value;" 但没有奏效。也许它也可以通过 onchange 来解决。
你在用jquery吗？
不，现在它是纯 html 和一点 javascript。但我愿意接受各种建议。

标签： javascript checkbox onchange

【解决方案1】：

由于您只有两个选项，我已将其设为单选框，但如果您想要复选框，请更改它：

<form name="frm" id="myForm" method="get" action="http://path1" >
    <input name="SEARCH" value="" type="text" autocomplete="off" />
    <input type="submit" value="" />
  <ul>
    <li>
      <input type="radio" name="frmact" value="http://path1" checked="checked" onclick="formaction(this)"/>
      <label for="course">Course Code</label>
    </li>
    <li>
      <input type="radio" name="frmact" value="http://path2" onclick="formaction(this)"/>
      <label for="faculty">Faculty Member</label>
    </li>
  </ul>
</form>
</body>
<script>
function formaction(checkbox){
    document.getElementById("myForm").action = checkbox.value;;
}

</script>

【讨论】：