设置单选按钮点击两个目的地(提交表单和重定向)

时间:2013-07-09 02:41:23

标签: javascript onclick radio-button html-form

这怎么可能?我有这个代码来满足我的一半需求。当单击单选按钮但是表单未保存或通过电子邮件提交给我时,它会重定向用户。是否可以一次执行2个命令?这是代码

<input type="radio" id="display_al" name="display_al" value="display_al" onClick="this.form.action='book-now-2';this.form.submit;"  onMouseOver="style.cursor='hand'">

我在这里缺少什么?我正在使用这个联系表格,所以人们会有想法。每当他们选择其他形式的付款时,我都会重定向。我想用信用卡付款时将它们重定向到一个更安全的页面。

1 个答案:

答案 0 :(得分:0)

这里有两个选项: 1)向表单添加一些隐藏信息,告诉表单提交脚本在保存信息后需要重定向到不同的页面:

首先在表单中添加隐藏字段:

<input type="hidden" name="redirect" id="redirect" />

然后更改onclick

onclick="document.getElementById('redirect').value='altpayment';this.form.submit;"

并更新您的表单处理程序

<?php
//your normal form submission code, and then...

if(isset($_POST['redirect']) && $_POST['redirect'] == "altpayment"){
    header("location: http://www.yoursite.com/book-now-2");
}else{
    //whatever you normally do after submitting the form
}

2)使用AJAX提交表单,然后重定向:

创建一个javascript函数

<script>
function submitForm(){
 $.ajax({
        url: 'some-url',
        type: 'post',
        dataType: 'json',
        data: $('form#myForm').serialize(),
        success: function(data) {
            window.location.replace("http://www.yoursite.com/book-now-2");
        }
    });
}
</script>

更改onclick

onclick="submitForm();"

如果你选择第二条路线,请务必在页面上包含JQuery框架,并将#myForm替换为表单的ID。