если не проверен ввод, следуйте

Question

Я пытался Google, но не мог найти ничего об этой ситуации, м.б. Я плохо гуглил :) все, что мне нужно, это создать форму с одним флажком ввода, когда флажок установлен, он идет по ссылке,когда он не отмечен, он переходит по другой ссылке, сейчас я застрял прямо здесь:

<form name="eol" method="post" 
                 action="/index.cfm?fuseaction=objects2.view_product_list&eol=1">

Show EOL Products<input type="checkbox" name="eol_input" value="0" <cfif not isdefined('attributes.eol')><cfelse>checked</cfif> onClick="eol.submit();">
</form>

как мне сделать так, чтобы он переходил по другой ссылке, когда флажок НЕ установлен ?!я думаю, что это может быть сделано с помощью javascript (jquery), так у кого-нибудь есть идеи?

Спасибо за помощь!

Answer 1

Это то, что вы ищете?

$(document).ready(function() {
    $('form[name="eol"]').submit(function(event) {
        event.preventDefault();
        event.stopPropagation();

        var urls = {
            "checked" : "http://foo.com/",
            "unchecked": "http://bar.com/"
        };

        var isChecked = $('input[name="eol_input"]:checked').length;
        window.location = isChecked ? urls['checked'] : urls['unchecked'];
    });
});

Answer 2

$("[name='eol_input']").click(function(){
    if(this.checked){
        //is checked
        window.location = "http://link1.com/";
    } else {
        //not checked
        window.location = "http://link2.com/";
    }
});