gpt4 book ai didi

javascript - jQuery,如何通过选中复选框来调用 url

转载 作者:行者123 更新时间:2023-11-28 13:51:34 25 4
gpt4 key购买 nike

我有这个:

<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/

编辑:如果您想在新窗口中打开它,请使用window.open方法而不是更新当前网址

替换

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

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

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

编辑3:基于评论:如果您想在选中状态下加载一个网址并在取消选中状态下加载另一个网址,您可以这样做

为每个复选框提供 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/

关于javascript - jQuery,如何通过选中复选框来调用 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10453300/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com