jQuery，如何通过选中复选框来调用 url

我有这个：

<span id="social">
    Facebook:
    <input id="id_connected_to_facebook" type="checkbox" name="connected_to_facebook">
    <br>
    Twitter:
    <input id="id_connected_to_twitter" type="checkbox" name="connected_to_twitter">
    <br>
</span>

使用 jQuery，我想为所有 4 个可能的操作调用不同的 URL（1：选中 facebook，2：取消选中 facebook，3：选中 twitter，4：取消选中 twitter）。

我该怎么做呢？

我不确定你要做什么。如果您想通过单击复选框重定向到页面，您可以这样做

使用 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/ http://jsfiddle.net/45aZ8/2/

EDIT：如果您想在新窗口中打开它，请使用window.open方法而不是更新当前的 url

Replace

window.location.href= item.data("target")

with

window.open(item.data("target")

http://www.w3schools.com/jsref/met_win_open.asp http://www.w3schools.com/jsref/met_win_open.asp

EDIT 3 : 根据评论：如果你想在选中状态下加载一个url并在取消选中状态下加载另一个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/ http://jsfiddle.net/45aZ8/5/