Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果至少选中一个复选框,则应启用按钮_Javascript_Html_Checkbox - Fatal编程技术网

Javascript 如果至少选中一个复选框,则应启用按钮

Javascript 如果至少选中一个复选框,则应启用按钮,javascript,html,checkbox,Javascript,Html,Checkbox,如果至少选中一个复选框,我将尝试使按钮处于活动状态,如果选中最后一个复选框,则按钮处于活动状态,但如果选中第一个复选框,则按钮处于非活动状态 函数选择(){ var txt=“”; var checkbox=document.querySelectorAll('input[type=“checkbox”]”); 控制台日志(复选框); 对于(var i=0;i使用 函数选择(){ var checked=document.querySelectorAll('input[name=“one”]:

如果至少选中一个复选框,我将尝试使按钮处于活动状态,如果选中最后一个复选框,则按钮处于活动状态,但如果选中第一个复选框,则按钮处于非活动状态
函数选择(){
var txt=“”;
var checkbox=document.querySelectorAll('input[type=“checkbox”]”);
控制台日志(复选框);
对于(var i=0;i使用

函数选择(){
var checked=document.querySelectorAll('input[name=“one”]:checked');
document.getElementById('btn').disabled=!checked.length;
var text=Array.from(选中).reduce(函数(res,cb){
返回res+cb.value+'';
}, '');
document.getElementById('result').innerHTML=text;
}

名称
冰淇淋:
巧克力:

我已经修复了您的代码,尽管您可以通过多种方式实现它。:)

函数选择(){
var txt=“”;
var checkbox=document.querySelectorAll('input[type=“checkbox”]”);
var标志=假;

对于(var i=0;iAh,good old,Stack Overflow的口号。您的表单设计错误。您的“发送”按钮应该是一个带有
type=“submit”
的按钮,如果任何必需的控件丢失其值,它将阻止表单自动提交。这是您试图重新发明轮子。但是,不是“发送”“提交”按钮,您可能希望表单“双向”提交——然后制作“冰淇淋”和“巧克力”提交按钮,每个按钮都有自己的值(是的,提交按钮可以有不同的值),并去掉“发送”按钮。为什么我们不能在这里写
if(!checkbox[i]。checked)?
checkbox[i].checked==false
它不起作用。您不能在循环中使用此条件。否则,如果未选中最后一个复选框,它将始终被禁用。