Javascript单选分组按钮
当所有单选按钮都选中为“否”时，如何显示警报消息？我只知道个人检查收音机Javascript单选分组按钮,javascript,html,jquery,Javascript,Html,Jquery,当所有单选按钮都选中为“否”时，如何显示警报消息？我只知道个人检查收音机 //我只知道这个方法 $（'#attraction1'）。更改（函数（）{ 如果（$（this）.is（':checked'））{ 警惕（“是”）； } }); 吸引力： 对 不 个人吸引力： 对 不 计划委员会： 对 否在这种情况下，您应该检查以下内容 $('#some_button').click( function(){ if ($('input[type="radio"][value="n"]:check
//我只知道这个方法
$（'#attraction1'）。更改（函数（）{
如果（$（this）.is（':checked'））{
警惕（“是”）；
}
});
吸引力：
对
不
个人吸引力：
对
不
计划委员会：
对
否
在这种情况下，您应该检查以下内容
$('#some_button').click( function(){
if ($('input[type="radio"][value="n"]:checked').length == 3) {
alert('Yes');
}
});
在这种情况下，您应该检查如下内容
$('#some_button').click( function(){
if ($('input[type="radio"][value="n"]:checked').length == 3) {
alert('Yes');
}
});
您可以使用带有no
值的通用类for all单选按钮和javascript数组every方法
此行const radioNames=[…document.getElementsByClassName（'no'）
将获得所有单选按钮，其中无
值..
为扩展运算符，并将转换集合，以便在该集合上使用数组方法
此行项。addEventListener（'change'，checkIfAllNo）
将事件change
附加到具有值no
的单选按钮，以便检查所有其他单选按钮的值
如果数组中的所有值都满足条件，则数组方法every
将返回true
所以在这一行中，radioNames.every（item=>{returnitem.checked；}）如果选中了所有带有否
值的单选按钮，则isAllFalse
将为真并触发警报
const radioNames=[…document.getElementsByClassName（'no'）；
函数checkIfAllNo（）{
const isAllFalse=radioNames.every（项=>{
返回项目。已选中；
});
如果（isAllFalse）{
警报（“全部为假”）
}
}
radioNames.forEach（（项目）=>{
item.addEventListener（'change'，checkIfAllNo）
})
是
不
个人吸引力：
对
不
计划委员会：
对
No
您可以为所有单选按钮使用一个公共类，该单选按钮具有No
值和每个方法的javascript数组
此行const radioNames=[…document.getElementsByClassName（'no'）
将获得所有单选按钮，其中无
值..
为扩展运算符，并将转换集合，以便在该集合上使用数组方法
此行项。addEventListener（'change'，checkIfAllNo）
将事件change
附加到具有值no
的单选按钮，以便检查所有其他单选按钮的值
如果数组中的所有值都满足条件，则数组方法every
将返回true
所以在这一行中，radioNames.every（item=>{returnitem.checked；}）如果选中了所有带有否
值的单选按钮，则isAllFalse
将为真并触发警报
const radioNames=[…document.getElementsByClassName（'no'）；
函数checkIfAllNo（）{
const isAllFalse=radioNames.every（项=>{
返回项目。已选中；
});
如果（isAllFalse）{
警报（“全部为假”）
}
}
radioNames.forEach（（项目）=>{
item.addEventListener（'change'，checkIfAllNo）
})
是
不
个人吸引力：
对
不
计划委员会：
对
否
如果输入数量不确定，则可以收集每个组的值，然后检查所有值是否匹配
$（“输入[type='radio']”）。更改（函数（）{
//提取所有无线组名称
names=$.unique（$（'input[type=“radio”]'））.map（（v，e）=>$（e.attr（'name'））
//收集每个组的值。
//尚未选择的组的帐户
VAL=$.map（名称，函数（名称）{
返回$（`input:radio[name=“${name}]”）：选中“）.val（）||“未定义”；
})
//检查收集的值是否与“n”匹配
log（vals.every（v=>v='n'））
});
吸引力：
对
不
个人吸引力：
对
不
计划委员会：
对
否
如果输入数量不确定，则可以收集每个组的值，然后检查所有值是否匹配
$（“输入[type='radio']”）。更改（函数（）{
//提取所有无线组名称
names=$.unique（$（'input[type=“radio”]'））.map（（v，e）=>$（e.attr（'name'））
//收集每个组的值。
//尚未选择的组的帐户
VAL=$.map（名称，函数（名称）{
返回$（`input:radio[name=“${name}]”）：选中“）.val（）||“未定义”；
})
//检查收集的值是否与“n”匹配
log（vals.every（v=>v='n'））
});
吸引力：
对
不
个人吸引力：
对
不
计划委员会：
对
无前倾车轮
请尝试此代码，通过Javascript单选按钮分组
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Radio Buttons</title>
</head>
<body>
<form>
<input type="radio" name="choice" value="yes"> Yes
<input type="radio" name="choice" value="no"> No
<input type="button" id="btn" value="Show Selected Value">
</form>
<script>
const btn = document.querySelector('#btn');
// handle click button
btn.onclick = function () {
const rbs = document.querySelectorAll('input[name="choice"]');
let selectedValue;
for (const rb of rbs) {
if (rb.checked) {
selectedValue = rb.value;
break;
}
}
alert(selectedValue);
};
</script>
</body>
</html>
JavaScript单选按钮
对
不
const btn=document.querySelector（'#btn'）；
//手柄点击按钮
btn.onclick=函数（）{
const rbs=document.querySelectorAll（'input[name=“choice”]”）；
让选择的值；
用于（苏格兰皇家银行的常数rb）{
如果（rb.选中）{
selectedValue=rb.value；
打破
}
}
警报（selectedValue）；
};
我希望这些信息对你有用。
谢谢。@ForeverTwoWheels
请尝试此代码，通过Javascript单选按钮分组
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Radio Buttons</title>
</head>
<body>
<form>
<input type="radio" name="choice" value="yes"> Yes
<input type="radio" name="choice" value="no"> No
<input type="button" id="btn" value="Show Selected Value">
</form>
<script>
const btn = document.querySelector('#btn');
// handle click button
btn.onclick = function () {
const rbs = document.querySelectorAll('input[name="choice"]');
let selectedValue;
for (const rb of rbs) {
if (rb.checked) {
selectedValue = rb.value;
break;
}
}
alert(selectedValue);
};
</script>
</body>
</html>
JavaScript单选按钮
对
不
const btn=document.querySelector（'#btn'）；
//手柄点击按钮
btn.onclick=函数（）{
const rbs=document.querySelectorAll（'input[name=“choice”]”）；
让选择的值；
用于（苏格兰皇家银行的常数rb）{
如果（rb.选中）{
selectedValue=rb.value；
打破
}
}
警报（selectedValue）；
};
我希望这些信息对你有用。
比