单击“提交”按钮后如何显示链接

时间:2015-01-19 06:33:23

标签: javascript html hyperlink

我想在点击提交按钮后创建一个提供链接的页面... 例如,

1)婚礼

2)卡合

3)生日

所有3项都是复选框按钮。 然后有一个文本框输入预算。点击提交按钮后,我想根据已经在javascript中编写的包显示超链接。那么如何在javascript中显示超链接,将在页面中显示...?

我希望有人能帮助我。谢谢。

  

        函数send()         {             var checkbox = document.getElementById('chkwed');            var checkbox1 = document.getElementById('chkeng');             var hiddeninputs = document.getElementsByClassName(“hidden”);

              if (checkbox.checked=='chkwed')
              {
                   if (document.form1.text1.value>1000 && document.form1.text1.value <1499 )
                { 
                alert('Your package is:');
                //document.getElementById('txtName').value = "Package W1 and W2";
                document

                }
                else if (document.form1.text1.value > 1500 && document.form1.text1.value <2698)
                    {
                alert('Your package is:');
                document.getElementById('txtName').value = "Package W3 and W4";}

                else if (document.form1.text1.value > 2699 )
                    {
                alert('Your package is:');
                document.getElementById('txtName').value = "Package W5 and W6";}
                else
                    {
                alert('Your package is:');
                document.getElementById('txtName').value = " No Package ";
                    }
              }
              else if(checkbox1.checked=='chkeng')
                  {
                   if (document.form1.text1.value<1199 && document.form1.text1.value >799 )
                { 
                alert('Your package is:');
                document.getElementById('txtName').value = "Package E1 and E2";
                }
                else if (document.form1.text1.value > 1200 && document.form1.text1.value < 1599 )
                    {
                alert('Your package is:');
                document.getElementById('txtName').value = "Package E3, E4 and E5";}
                else
                    {
                alert('Your package is:');
                document.getElementById('txtName').value = " No Package ";
                    }
                  }
             else
                 {
                     if (document.form1.text1.value<699 && document.form1.text1.value >599 )
                { 
                alert('Your package is:');
                document.getElementById('txtName').value = "Package B1 and B2";
                }
                else if (document.form1.text1.value > 999 && document.form1.text1.value < 1399 )
                    {
                alert('Your package is:');
                document.getElementById('txtName').value = "Package B3 and B4";}
                else
                    {
                alert('Your package is:');
                document.getElementById('txtName').value = " No Package ";
                    }
                 }

  }
  </script>

这在javascript函数中

  

                 婚礼

<input type="checkbox" name="chkeng" id="chkeng" onClick="show2()"/>
<label for="chkeng">Engagement </label>

<input type="checkbox" name="chkbirth" id="chkbirth" onClick="show3()"/>
<label for="chkbirth">Birthday</label>


</form>

我希望点击提交按钮后,超链接将显示在页面中...附近文本框按钮推荐的包..

1 个答案:

答案 0 :(得分:0)

当用户点击任何复选框按钮时,您可以使用Ajax获取特定网址。

$。获得({        网址: '/ engagment',       成功:function(){}       });

并替换成功处理程序中的内容。