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

How to make checkbox items returned hyperlinks

本文关键字：返回 超链接 项目 复选框 何使      更新时间：2023-12-31

我让它返回被检查的内容，但我不知道如何让返回的值也成为超链接，这样你就可以点击"housing"，它会为该页面打开一个新的选项卡。

我的复选框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(", "));
    });
});

使用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

我认为这篇文章会有所帮助：如何在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;
   });
});
相关文章：