Question

我需要制作一个表格，例如：

<form id="myform" name="myform" method="get">
  <input type="radio" checked="checked" name="Answer" value="yes" />Yes
  <input type="radio" name="Answer" value="no" />No
  <input id="submit" name="submit" src="images/submit.jpg" type="image" />
</form>

问题：

1。如何设置提交按钮的URL（点击时）？

2. 如何根据用户选择是或否答案更改此网址？

Answer 1

将表单action属性设置为YES URL

$('input:radio').on('click', function(){
    if($(this).val() == "yes"){
        $('#myform').attr('action', 'YES_URL');
    }
    else {
        $('#myform').attr('action', 'NO_URL');
    }
});

Answer 2

“提交”按钮会将事件提交触发到来自表单标记的action属性中定义的地址。所以这里有一个选项：

<script type="text/javascript">
function mytarget ()
{
  var myFormObject = document.myforma;
  var chk = false;
  for (i = 0; i < myFormObject.Answer.length; i++)
  {
    if (myFormObject.Answer[i].checked && myFormObject.Answer[i].value == 'yes')
    {
        myFormObject.action = "http://urltforthevalueYes.com";
        chk = true;
        break;
    } else if (myFormObject.Answer[i].checked && myFormObject.Answer[i].value == 'no') {
        myFormObject.action = "http://urltforthevalueNo.com";
        chk = true;
        break;
    }
  }

  if (chk == true) {myFormObject.submit();} else {alert("Please select an option");}
}
</script>

更新：我不得不更改我的javascript代码，因为那里有两个错误。还添加了新的HTML代码。

您必须做的更改：

将操作属性添加到开放表单代码<form id="myform" name="myform" method="get" action="">
更改提交按钮的名称。使用提交会在您的按钮和javascript函数之间产生冲突<input id="send" name="send" src="images/submit.jpg" type="image" />
在提交按钮时添加 onClick 属性，并引用方法 mytarget（） <input id="send" name="send" src="images/submit.jpg" type="image" onClick="mytarget()"/>

JavaScript表单 - 提交按钮的可更改URL

2 个答案: