Javascript 使用单选按钮切换复选框

在此基础上，我尝试使用单选按钮来选中“切换”上的所有复选框，但如果未切换，则应显示“未选中”或“已禁用”。它们控制地图上的图层，默认值应为“全部打开”，然后用户可以删除它们

以下是我在下面尝试的结果

$('input[value="energyRating"]').change(function() {
    if ($(this).is(':checked')){ //radio is now checked
        $('input[id="check2"]').prop('checked', true);
        $('input[id="check"]').prop('checked', false);
        } 
        else { //radio is now checked
        $('input[id="check2"]').prop('checked', false);
        $('input[id="check"]').prop('checked', false);
        }
});

---

澄清：在小提琴中，如果单击额外单选按钮，则不应选中任何复选框

HTML元素的

id

属性应是唯一的，因此重复使用

check

和

check2

会使HTML无效。我会删除那些

id

属性

一种方法是使用数据属性标记复选框元素，这些数据属性引用应选中的radiobutton

下面是它的外观：

$（'input[name=“sex”]）。更改（函数（）{
var selected=$（'input[name=“sex”]：checked'）.val（）；
$（'input[name=“vehicle”]”）。每个（函数（）{
$（this.prop（'选中'，$（this.data）（“评级”）==选中）；
});
});

能量释放

能量抑制计数

额外的
我有一辆自行车
我有一辆车

我还有一辆自行车

我还有一辆车
HTML元素的
id
属性应该是唯一的，因此重复使用
check
和
check2
会使HTML无效。我会删除那些
id
属性

一种方法是使用数据属性标记复选框元素，这些数据属性引用应选中的radiobutton

下面是它的外观：


$（'input[name=“sex”]）。更改（函数（）{
var selected=$（'input[name=“sex”]：checked'）.val（）；
$（'input[name=“vehicle”]”）。每个（函数（）{
$（this.prop（'选中'，$（this.data）（“评级”）==选中）；
});
});

能量释放

能量抑制计数

额外的
我有一辆自行车
我有一辆车

我还有一辆自行车

我还有一辆车
当您有多个项目时，最好使用类名。请检查下面的代码，它可能会帮助您选择“全部”并重置“全部”


$（'.click'）。单击（函数（）{
//选择所有收音机现在处于选中状态
$（'.event'）.prop（'checked'，true）；
$（'.reset'）.prop（'checked'，false）；
});
$（'.reset'）。单击（函数（）{
//重置收音机现在已检查
$（'.click'）.prop（'checked'，false）；
$（'.event'）.prop（'checked'，false）；
});

选择全部

重置
我有一辆自行车
我有一辆车

我还有一辆自行车

我还有一辆车
当您有多个项目时，最好使用类名。请检查下面的代码，它可能会帮助您选择“全部”并重置“全部”


$（'.click'）。单击（函数（）{
//选择所有收音机现在处于选中状态
$（'.event'）.prop（'checked'，true）；
$（'.reset'）.prop（'checked'，false）；
});
$（'.reset'）。单击（函数（）{
//重置收音机现在已检查
$（'.click'）.prop（'checked'，false）；
$（'.event'）.prop（'checked'，false）；
});

选择全部

重置
我有一辆自行车
我有一辆车

我还有一辆自行车

我还有一辆车
除了上面关于id的注释（您已经通过使用
[id=]
了解了这些注释），您不应该有多个元素具有相同的id-您的小提琴似乎按照您的要求操作。你能澄清一下这个问题吗：你期望发生什么/实际发生了什么/你在两者之间遇到了什么困难。不确定出了什么问题在你切换单选按钮时选中/取消选中了框，这不是你想要的吗？谢谢大家，我刚刚添加了一个澄清。如果未选择两个目标收音机中的任何一个，则不应选中任何复选框。您已经拥有处理此方案所需的所有信息。您是否遇到困难：添加事件处理程序/识别第三个收音机/切换复选框？除了上面关于id的注释（您已经通过使用
[id=]
了解了这些注释）之外，您不应该有多个元素具有相同的id-您的小提琴似乎按照您的要求操作。你能澄清一下这个问题吗：你期望发生什么/实际发生了什么/你在两者之间遇到了什么困难。不确定出了什么问题在你切换单选按钮时选中/取消选中了框，这不是你想要的吗？谢谢大家，我刚刚添加了一个澄清。如果未选择两个目标收音机中的任何一个，则不应选中任何复选框。您已经拥有处理此方案所需的所有信息。您是否遇到困难：添加事件处理程序/识别第三个收音机/切换复选框？