Javascript 如果选中了两个单选按钮，则将css添加到div

分别有两个单选按钮。具有不同的名称值。我试图在两个元素都被“选中”时向div元素添加css

$（文档）.ready（函数（）{
$（'input[name=“nameone”]'）。单击（函数（）{
如果（$（this）.is（“：checked”））{
$（“.calculate total”）.css（“显示”、“块”）
}
});
});

命名收音机



Namtwo电台
如果两个收音机都选中，则此div将可见。
只需检查它们是否都选中：

$(document).ready(function(){
    $('input[name="nameone"], input[name="nametwo"]').click(function(){
        if($('input[name="nameone"]').is(":checked") && $('input[name="nametwo"]').is(":checked")){
            $(".calculate-total").css("display","block")
        }
    });
});

只需添加第二个
条件，就像您对
输入[name=“nameone”]
所做的那样：


函数showDiv（）{
如果（$（'input[name=“nameone”]'）是（“：checked”）&&（'input[name=“nameone”]'）是（“：checked”））{
$（“.calculate total”）.css（“显示”、“块”）
}
}
$（文档）.ready（函数（）{
$（'input[name=“nameone”]，input[name=“nameone”]”。单击（函数（）{
showDiv（）；
});
});

命名收音机



Namtwo电台
如果两个单选按钮同时选中，则此div将可见。
您必须检查是否选中了所有单选按钮，并根据此检查可以切换块的可见性

我在要检查的单选按钮中添加了一个类。只有当所有单选按钮的长度等于选中的单选按钮时，我才会显示计算总div


$（文档）.ready（函数（）{
$（'input[type=“radio”]”）。在（'change'，function（）上{
if（$（'.check it'）.filter（':checked'）.length===$（'.check it'）.length）{
$（“.calculate total”）.css（“显示”、“块”）
}否则{
$（“.calculate total”）.css（“显示”、“无”）
}
});
});

命名收音机
命名收音机



Namtwo电台
Namtwo电台
如果两个单选按钮同时选中，则此div将可见。
您需要监听两个单选按钮，并每次检查两个按钮：


$（文档）.ready（函数（）{
$（'input:radio'）。更改（函数（）{
如果（$（'input[name=“nameone”]'）是（“：checked”）&&（'input[name=“nameone”]'）是（“：checked”））{
$（“.calculate total”）.css（“显示”、“块”）
}
});
});

命名收音机



Namtwo电台
如果两个收音机都选中了，则此div将可见。
您仅检查是否单击了第一个收音机输入（选中），这就是为什么您在单击第一个收音机输入时会显示该div。你应该听/检查两者。如果两者都单击（选中）。那就是你想做点什么的时候。您可以使用&&来完成工作


函数showDiv（）{
如果（$（'input[name=“nameone”]'）是（“：checked”）&&（'input[name=“nameone”]'）是（“：checked”））{
$（“.calculate total”）.css（“显示”、“块”）
}
}
$（文档）.ready（函数（）{
$（'input[name=“nameone”]，input[name=“nameone”]”。单击（函数（）{
showDiv（）；
});
});

命名收音机



Namtwo电台
如果two radio同时选中这两个选项，则该div将可见。
看起来非常接近我的答案：/