0

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

<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.如何根据用户选择是或否答案来更改此 URL？

4

2 回答 2

0

将表单action属性设置为 YES URL 

$('input:radio').on('click', function(){
    if($(this).val() == "yes"){
        $('#myform').attr('action', 'YES_URL');
    }
    else {
        $('#myform').attr('action', 'NO_URL');
    }
});
于 2013-05-27T14:52:29.077 回答
0

提交按钮触发事件提交到表单标记的 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 代码。

你必须做的改变：

  1. 将 action 属性添加到打开的表单标签<form id="myform" name="myform" method="get" action="">

  2. 更改提交按钮的名称。使用提交会在您的按钮和 javascript 函数之间产生冲突<input id="send" name="send" src="images/submit.jpg" type="image" />

  3. 在提交按钮处添加属性onClick并引用方法mytarget() <input id="send" name="send" src="images/submit.jpg" type="image" onClick="mytarget()"/>

于 2013-05-27T14:55:31.077 回答