如何使用if else条件为单个表单提交按钮提供不同的链接

时间:2017-11-25 05:42:27

标签: javascript html

我的网页进行数学计算。我已经放了5个复选框。根据所选的复选框,我希望使用javascript将页面定向到特定链接。如何根据所选的复选框在javascript中添加这些链接?

<div id="angl">
    <input type="checkbox" id="ph" onclick='select()' checked><span id="phi1">Phi(φ)</span>
    <input type="checkbox" id="psi"><span id="psi1">Psi(ψ)</span>
    <input type="checkbox" id="omega"><span id="omega1">Omega(ω)</span>
    <input type="checkbox" id="calpha"><span id="calpha1">C-Alpha (C-α)</span>
    <input type="checkbox" id="chi" onchange="ang_type()"><span id="chi1">Chi(χ)</span>
</div> 

假设我有5个链接:

  

&#39; phi.pl&#39;,&#39; psi.pl&#39; ,&#39; omega.pl&#39; ,&#39; calpha.pl&#39; ,&#39; chi.pl&#39;

4 个答案:

答案 0 :(得分:0)

当用户可以选择多个答案时,会使用复选框:如果您的用户使用多个答案:您将如何重定向到多个页面? - 对不起,如果我没有正确理解你。

但如果我理解你的话:用户选择某些内容并根据选择重定向到特定链接。然后有选项:

  1. 使用jquery并将其绑定到操作
  2. 使用表单提交,因此当用户选择并提交他或她被重定向时。

答案 1 :(得分:0)

在形式实际提交之前你需要这个,所以要么在下面的函数中使用ajax

$('FormSelector').submit(function() {
    //make ajax request base don codition to one of 'phi.pl', 'psi.pl' , 'omega.pl' , 'calpha.pl' , 'chi.pl'.
    return false; // return false to cancel form submit
});

或使用javascript更改表单操作属性,然后通过返回true提交他的任务。

 $('FormSelector').submit(function() {
     //change attribute action based on condition to one of 'phi.pl', 'psi.pl' , 'omega.pl' , 'calpha.pl' , 'chi.pl'.
     return true; // return false to cancel form submit
});

答案 2 :(得分:0)

使用&#39;这个&#39;操作

&#13;
&#13;
function savevalue(me){
console.log(me.value);
}
&#13;
<html>
<body>
<input type=checkbox value= 'omega.php' onchange = 'savevalue(this)' id='omega'><span id='omega1'>Omega(ω)</span></input>
<input type=checkbox value= 'psi.php' onchange = 'savevalue(this)' id='psi'><span id='psi1'>Psi(ψ)</span></input>

</body>
</html>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

假设复选框位于提交按钮为id“form_submit”的表单中,那么您可以尝试以下jquery代码:

<script type="text/javascript">
$(document).ready(function(){

    $('#form_submit').live('click', function (e) {
        e.preventDefault();

        if($('#phi').is(":checked")){
            window.location.href="'phi.pl";
        }else if($('#psi').is(":checked")){
            window.location.href="psi.pl";
        }else if($('#omega').is(":checked")){
            window.location.href="omega.pl";
        }else if($('#calpha').is(":checked")){
            window.location.href="calpha.pl";
        }else if($('#chi').is(":checked")){
            window.location.href="chi.pl";
        } else{
            alert("Invalid request!");
        }

});