Javascript 除非选中复选框，否则隐藏按钮

我想隐藏“在表单中提交”按钮，除非至少选中了一个复选框。这是我的观点的一个例子

$（文档）.ready（函数（）{
$（'input[type=checkbox]'）。单击（函数（）{
如果（$（“#单选按钮：选中”）{
$（“#下一个容器”）.toggle（）；
}否则{
$（“#下一个容器”）.hide（）
}
});
})；

下一个

使用复选框按钮上的

.prop（'checked'）

检查是否选中。当其中一个复选框发生onchange事件时，循环遍历每个复选框并维护计数器

$（文档）.ready（函数（）{
$（'#nxtBtn'）.hide（）；
$（'input[type=“checkbox”]”）。在（'change'，函数（）{
var计数=0；
$（'input[type=“checkbox”]”）。每个（函数（）{
if（$（this.prop（'checked'））{
计数++；
返回；
}
})
如果（计数>0）{
$（'#nxtBtn'）.show（）；
}
否则{
$（'#nxtBtn'）.hide（）；
}
});
})；

下一个

检查

更改

事件处理程序中复选框的长度，如果选中任何复选框，则显示按钮

$（文档）.ready（函数（）{
变量框=$（'input[type=checkbox]'）。在（'change'，function（）上{
var flag=box.filter（':checked'）。长度>0；
$（“#下一个容器”）。切换（标志）；
});
})；

下一个

加载页面时，需要隐藏按钮

JS

document.getElementById('nxtBtn').style.visibility = 'hidden';

visibility=hidden

非常有用，但仍会占用页面空间。您也可以使用

display=none

或者，尝试

CSS

：

显示：块

或

显示：无

---

另外，将

if（$（“#radiobutton:checked”）{

更改为

if（$（“#radiobutton:checked”）{

。您缺少了一个括号。

我在我的网站上经常使用它。简短而甜蜜，但都是客户端的

$（文档）.ready（函数（）{
$（'#nxtBtn'）.hide（）；
$（'#radio'）.mouseup（函数（）{
$（'#nxtBtn'）.toggle（）；
});
})；

下一步