Question

是否可以在检查/取消选中复选框时重定向最终用户？请问怎么样？

我尝试使用此代码

使用get method重定向他

HTML

<form><input type="checkbox" name="fixee" value="true" style="margin-left:40px;margin-right:3px;" /><input type="checkbox" name="nonFixee" value="true" style="margin-left:10px;margin-right:3px;" /></form>

的jQuery

$("input[type='checkbox']").change(function () {
    if ($("input[name='fixee']").prop('checked') && $("input[name='nonFixee']").prop('checked')) {
        alert('2');
    }
    else if ($("input[name='fixee']").prop('checked') && $("input[name='nonFixee']").prop('checked')) {
        alert('3');
    }
    else{
        alert('1');
    }
});

http://jsfiddle.net/eKa8S/9/

我在Visual Studio中对此进行编码，~表示项目的根文件夹。

有什么好主意吗？

Answer 1

您可以使用window.location = "~/Alertes/Index?fixee=true&nonFixee=true"

Answer 2

你的例子努力去做：

$("input[type='checkbox']").change(function () {
    if ($("input[name='fixee']").attr("checked") && !$("input[name='nonFixee']").attr("checked")) {
        window.location = "~/Alertes/Index?fixee=true&nonFixee=false";
    }
    else if (!$("input[name='fixee']").attr("checked") && $("input[name='nonFixee']").attr("checked")) {
        window.location = "~/Alertes/Index?fixee=false&nonFixee=true";
    }
    else {
        window.location = "~/Alertes/Index?fixee=true&nonFixee=true";
    }
});

Fiddle

Answer 3

试试这个，

$("input[type='checkbox']").change(function () {
    if ($("input[name='fixee']").prop('checked') && $("input[name='nonFixee']").prop('checked')) {
        window.location.href = '@Url.Action("Action1", "Controller")'
    }
    else if ($("input[name='fixee']").prop('checked') && $("input[name='nonFixee']").prop('checked')) {
         window.location.href = '@Url.Action("Action2", "Controller")'
    }
    else{
        window.location.href = '@Url.Action("Action3", "Controller")'
    }
});

如何使用jquery将最终用户重定向到另一个网页

3 个答案:

Fiddle