我不确定你要做什么。如果您想在单击复选框时重定向到页面,您可以执行此操作
使用 data 属性指定要在复选框元素中调用的 url
<input type="checkbox" data-target="http://www.facebook.com" />
脚本是
$(function(){
$("input[type='checkbox']").change(function(){
var item=$(this);
if(item.is(":checked"))
{
window.location.href= item.data("target")
}
});
});
示例 JsFiddle:http: //jsfiddle.net/45aZ8/2/
编辑:如果要在新窗口中打开它,请使用window.open
方法而不是更新当前 url
代替
window.location.href= item.data("target")
和
window.open(item.data("target")
http://www.w3schools.com/jsref/met_win_open.asp
编辑 3:基于评论:如果您想在 Checked 状态下加载一个 url 并在 uncheck 状态下加载另一个 url,您可以这样做
为每个复选框提供 2 个数据属性。一个用于选中状态,一个用于未选中
Facebook<input type="checkbox" data-target="http://www.facebook.com" data-target-off="http://www.google.com" /> <br/>
Twitter<input type="checkbox" data-target="http://www.twitter.com" data-target-off="http://www.asp.net" /> <br/>
脚本是
$(function(){
$("input[type='checkbox']").change(function(){
var item=$(this);
if(item.is(":checked"))
{
window.open(item.data("target"))
}
else
{
window.open(item.data("target-off"))
}
});
})
工作样本:http: //jsfiddle.net/45aZ8/5/