Javascript jQuery单选按钮math，仅在设置了两个收音机后返回true

我对Javascript和jQuery非常陌生

我创作了这把小提琴，所以你可以理解我的意思：

例如：

if(radio1 is checked && radio2 !is checked OR radio2 is checked && radio1 !is checked)
then return false

我不知道怎么做，所以我希望有人能帮我

---

亲切问候首先，单选按钮适用于单选，多选使用复选框。
读一读

不管怎样，我已经更新了小提琴，让它工作：

您的代码有点凌乱，所以我为您清理了它，但您走的是正确的道路：

$(document).ready(function() {
    $('#radiobtn1, #radiobtn2').on("click", () => {

        let radio1_state = $("[name='radio1']").prop("checked");
        let radio2_state = $("[name='radio2']").prop("checked");

    if ( (radio1_state && !radio2_state) || (radio2_state && !radio1_state) ) {
        alert("only one checked");
    }
})});

---

首先，单选按钮适用于单选，多选则使用复选框。
读一读

不管怎样，我已经更新了小提琴，让它工作：

您的代码有点凌乱，所以我为您清理了它，但您走的是正确的道路：

$(document).ready(function() {
    $('#radiobtn1, #radiobtn2').on("click", () => {

        let radio1_state = $("[name='radio1']").prop("checked");
        let radio2_state = $("[name='radio2']").prop("checked");

    if ( (radio1_state && !radio2_state) || (radio2_state && !radio1_state) ) {
        alert("only one checked");
    }
})});

---

通过使用

.length

，无论您使用的是

收音机

还是

复选框

$（文档）.ready（函数（）{
$（'#radiobtn1，#radiobtn2'）。在（“单击”、（）=>{
if（$（'input:radio[name^=“radio”]：checked'）。长度==1）
{
警报（“仅选择了一个！”）；
}
else if（$（'input:radio[name^=“radio”]：checked'）。长度==2）
{
警报（“全部选中！”）；
}
其他的
{
警报（“未选择任何内容”）；
}
});
});
正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#banner-message.alt{
背景：#0084ff；
颜色：#fff；
边缘顶端：40px；
宽度：200px；
}
#banner-message.alt按钮{
背景：#fff；
颜色：#000；
}

保存收音机1
拯救收音机2
通过使用
.length
无论您使用的是
收音机
还是
复选框


$（文档）.ready（函数（）{
$（'#radiobtn1，#radiobtn2'）。在（“单击”、（）=>{
if（$（'input:radio[name^=“radio”]：checked'）。长度==1）
{
警报（“仅选择了一个！”）；
}
else if（$（'input:radio[name^=“radio”]：checked'）。长度==2）
{
警报（“全部选中！”）；
}
其他的
{
警报（“未选择任何内容”）；
}
});
});
正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#banner-message.alt{
背景：#0084ff；
颜色：#fff；
边缘顶端：40px；
宽度：200px；
}
#banner-message.alt按钮{
背景：#fff；
颜色：#000；
}

保存收音机1
拯救收音机2
您还可以设置多个条件


$（文档）.ready（函数（）{
$（'#radiobtn1，#radiobtn2'）。在（“单击”、（）=>{
if（$（'input:radio[name=“radio1”]'）是（':checked'）&&！$（'input:radio[name=“radio2”]'）。是（':checked'））
{
警报（“仅选择了一个！”）；
}
如果（！$（'input:radio[name=“radio1”]'）是（':checked'）&$（'input:radio[name=“radio2”]'）。是（':checked'））
{
警报（“仅选择了一个！”）；
}
如果（$（'input:radio[name=“radio1”]'）是（':checked'）&（'input:radio[name=“radio2”]'）。是（':checked'））
{
警报（“全部选中！”）；
}
否则{
警报（“未选择任何人！”）；
}
})});
正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#banner-message.alt{
背景：#0084ff；
颜色：#fff；
边缘顶端：40px；
宽度：200px；
}
#banner-message.alt按钮{
背景：#fff；
颜色：#000；
}

保存收音机1
拯救收音机2
您还可以设置多个条件


$（文档）.ready（函数（）{
$（'#radiobtn1，#radiobtn2'）。在（“单击”、（）=>{
if（$（'input:radio[name=“radio1”]'）是（':checked'）&&！$（'input:radio[name=“radio2”]'）。是（':checked'））
{
警报（“仅选择了一个！”）；
}
如果（！$（'input:radio[name=“radio1”]'）是（':checked'）&$（'input:radio[name=“radio2”]'）。是（':checked'））
{
警报（“仅选择了一个！”）；
}
如果（$（'input:radio[name=“radio1”]'）是（':checked'）&（'input:radio[name=“radio2”]'）。是（':checked'））
{
警报（“全部选中！”）；
}
否则{
警报（“未选择任何人！”）；
}
})});
正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#banner-message.alt{
背景：#0084ff；
颜色：#fff；
边缘顶端：40px；
宽度：200px；
}
#banner-message.alt按钮{
背景：#fff；
颜色：#000；
}

保存收音机1
拯救收音机2
如果您想勾选多项选择，我建议使用复选框，si