使用JavaScript根據選定的復選框進行重定向

Question

我在switch語句中有幾個復選框，如下所示：

function whatsChecked(obj) {
    var indx = obj.id.substring(obj.id.length-1, obj.id.length);
    switch ( indx ) {
        case '9':
            if (document.sport.soccer_9.checked) {
                //window.open.href = "../google.com";;
                window.open("../google.com"); 
            } 
            break;
        }
    }
}

如何使用繼續按鈕來確定單擊了哪個復選框，然后將我重定向到正確的頁面（而不是為每個復選框提供自己的onclick事件）？

Answer 1

同樣在http://jsfiddle.net/amelvin/YkFza/

在此示例中，所有復選框的更改事件都會自行注冊，如果選中其中一個復選框，則該復選框的值將發出警報。 如果將alert(this.value)更改為location.href(this.value) ，則將進行重定向。

<form>
Google: <input type="checkbox" name="Google" value="http://google.com" />
Yahoo: <input type="checkbox" name="Yahoo" value="http://yahoo.com" />
</form>  

<script>
function AddHandlers(f)
{
    var change_handler = new Function("alert(this.value)");

    for (var i=0; i<f.elements.length; i++)
     {
        var e = f.elements[i];
         e.onchange = change_handler;    
     }
}

AddHandlers(document.forms[0]);
</script>

Answer 2

我將創建一個變量，該變量根據選中的復選框進行切換。 （也許是一個int值）

然后，當您單擊“繼續”時，您可以說If (click == 1) { window.open(www.google.com") }或類似的方法。這可能不是最優雅的解決方案，但肯定可以。