Javascript 如何在选中单选按钮后从url中删除锚?

Javascript 如何在选中单选按钮后从url中删除锚?,javascript,html,css,Javascript,Html,Css,当我点击单选按钮时,我需要从url中删除一个锚,或者“取消目标”元素 下面是代码,当我单击第一页的链接时,我想控制第二页的特定元素(例如更改字体颜色),但我遇到的问题是无法“取消目标”在我从单选按钮列表中选择了其他内容,同时突出显示了两个链接后,我就可以使用css进行编辑了 第一页: 第二页: *{ 明确:两者皆有; } 标签:目标{ 颜色:红色; } #网站设计:target~#wd,#grafika:target~#gr,#坎帕尼亚:target~#kp{ 能见度:可见; z

当我点击单选按钮时,我需要从url中删除一个锚,或者“取消目标”元素

下面是代码,当我单击第一页的链接时,我想控制第二页的特定元素(例如更改字体颜色),但我遇到的问题是无法“取消目标”在我从单选按钮列表中选择了其他内容,同时突出显示了两个链接后,我就可以使用css进行编辑了

第一页:


第二页:


*{
明确:两者皆有;
}
标签:目标{
颜色:红色;
}
#网站设计:target~#wd,#grafika:target~#gr,#坎帕尼亚:target~#kp{
能见度:可见;
z指数:10;
}
输入[类型=无线电]:选中+#网络设计,输入[类型=无线电]:选中+#格拉菲卡,输入[类型=无线电]:选中+#坎帕尼亚{
颜色:红色;
}
输入[type=radio]:选中+#webdesign~#wd,输入[type=radio]:选中+#grafika~#gr,输入[type=radio]:选中+#kampania~#kp{
能见度:可见;
z指数:100;
}
#wd,#gr,#kp{
宽度:500px;
高度:100px;
可见性:隐藏;
位置:绝对位置;
z指数:0;
}
#wd{
背景:红色;
}
#gr{
背景:绿色;
}
#金伯利进程{
背景:蓝色;
}
网页设计
格拉菲卡
坎帕尼亚

这很简单。附加任何收音机的第一个
change
事件,然后从URL中删除
hash
部分

假设您正在使用jQuery:

$('input:radio').one('change',function(){
location.hash='';
});

我不太明白。它似乎工作正常:但请注意,当您单击不同的单选按钮时,它当前的目标(#webdesign)有两个标签为红色。我只需要一个颜色,这就是为什么我需要删除目标属性后,我点击另一个单选按钮“两个标签有红色。”-我看不到两个标签变红。我只点击了一个单选按钮,但相应的标签是红色的。@NikhilNanjappa阅读了他的评论:
当你点击另一个单选按钮时,它是当前的目标(#webdesign)两个标签是红色的