Question

我得到了它来返回被检查的内容，但是我无法弄清楚如何将返回的值变为超链接，因此您实际上可以单击“外壳”，它将为该页面打开一个新选项卡。 / p>

我的html用于复选框：

 <form id="resources">
     <label><input type="checkbox" value="Housing" name="rsc">Housing</label><br/>          
     <label><input type="checkbox" value="Library" name="rsc">Library</label><br/>              
     <label><input type="checkbox" value="Parking" name="rsc">Parking</label><br/>              
 </form>
 <button type="button">Show Resource(s)</button>

jQuery的：

 $(document).ready(function() { 
    $("button").click(function(){

        var resource = [];
        $.each($("input[name='rsc']:checked"), function(){            
            resource.push($(this).val());
        });
        alert("Click selections for more info: " + resource.join(", "));
    });
});

Answer 1

使用window.location

$(document).ready(function() { 
    $("button").click(function(){

        var resource = [];
        $("input[name='rsc']:checked").each(function(){            
            resource.push($(this).val());
        });
        window.location = 'http://yourserver.com?q='+resource.join('+');//change the url to your case
    });
});

或者如果您希望数据在同一页面中显示，请使用ajax

Answer 2

我认为这篇文章会有所帮助： How to redirect to another webpage in JavaScript/jQuery?

也许，这样的事情：

 $(document).ready(function() {
   $("button").click(function() {
     var resource = [];
     $.each($("input[name='rsc']:checked"), function() {
       resource.push($(this).val());
     });
     window.location.href = "http://" + resource;
   });
});

如何使复选框项返回超链接

2 个答案: