Javascript 通过使用jQuery单击标签取消选中单选按钮

我需要使用jQuery取消选中选中的单选按钮。按钮本身是隐藏的，所以我使用点击标签来触发这个。到目前为止，我已经：

HTML

<form>
  <h4>Where would you like to work?</h4>
  <div class="radio-holder">
    <input id="form1_areas1" name="areas" type="radio" value="area/london">
    <label for="form1_areas1">London</label>
  </div>
  <div class="radio-holder">
    <input id="form1_areas2" name="areas" type="radio" value="area/west-midlands">
    <label for="form1_areas2">West Midlands</label></div>
</form>

JQUERY

$(document).ready(function(){
  $("form input[type='radio']:checked + label").click(function(){
    $(this).prev().prop( "checked", false );
  });
});

这里有一个

但这并不是取消选中单选按钮。我知道这不是单选按钮的标准功能，但我需要用户能够根据需要将单选按钮集还原为未选择的状态，同时限制他们从选项集中选择一个。非常感谢您的帮助

干杯

---

Mike

要启用/禁用同一电台，您必须使用以防止默认行为（单击标签时启用复选框，因此选中的道具将始终设置为true），并按语法启用/禁用电台，如以下代码段所示：

$（文档）.ready（函数（）{
$（“标签”）。单击（功能（e）{
e、 预防默认值（）；
$check=$（this.prev（）；
如果（$check.prop（'checked'））
$check.prop（“checked”，false）；
其他的
$check.prop（“checked”，true）；
//console.log（$check.prop（“checked”）；
});
});
表单{
最大宽度：500px；
保证金：0自动；
填充顶部：20px；
}
收音机支架{
填充：10px；
}
输入[type=“radio”]{
显示：无；
}
输入[type=“radio”]：选中+标签{
边框底部：2个实心#2222222；
垫底：0px；
}

你想在哪里工作？
伦敦
西米德兰兹
您可以使用下一个技巧：

-添加一个
data num
属性。

-在每次单击时播放
data num
，以选中/取消选中单选按钮。

希望有帮助：


$（文档）.ready（函数（）{
$（“输入”）。单击（函数（）{
$（“输入”）.not（this）.attr（“数据编号”，1）；
var data=$（this.attr（“数据数量”）
如果（数据==1）{
数据=2
$（this.attr（“data num”，data）；
返回；
}
如果（数据==2）{
数据=1
$（this.prop（'checked'，false）；
$（this.attr（“data num”，data）；
返回；
}
})  
})
表单{
最大宽度：500px；
保证金：0自动；
填充顶部：20px；
}
收音机支架{
填充：10px；
}
输入[type=“radio”]{
显示：无；
}
输入[type=“radio”]：选中+标签{
边框底部：2个实心#2222222；
垫底：0px；
}

你想在哪里工作？
伦敦
西米德兰兹
检查此项：
$(document).ready(function(){
  $("form input[type='radio']:checked + label").click(function(){
    $(this).prev().prop( "checked", false );
  });
});