Question

我试着谷歌，但是找不到任何关于这种情况，mb我用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

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

Answer 2

这是你要追求的那种东西吗？

$(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'];
    });
});

如果没有检查输入，那么按照

2 个答案: