Javascript 使用JS获取禁用按钮的状态

我在网页上有7个按钮。当我点击btn7时，我想检查有多少按钮被禁用

<button type="submit" class="btn btn-home" name= "btn-save1" id= "btn-save1"  required="required">Save</button>
<button type="submit" class="btn btn-home" name= "btn-save2" id= "btn-save2"  required="required">Save</button>
<button type="submit" class="btn btn-home" name= "btn-save3" id= "btn-save3"  required="required">Save</button>
<button type="submit" class="btn btn-home" name= "btn-save4" id= "btn-save4"  required="required">Save</button>
<button type="submit" class="btn btn-home" name= "btn-save5" id= "btn-save5"  required="required">Save</button>
<button type="submit" class="btn btn-home" name= "btn-save6" id= "btn-save6" required="required">Save</button>

保存
拯救
拯救
拯救
拯救
拯救

JS

<script type="text/javascript">
$('document').ready(function()
{
                $(document).on('click', '#btn-save7', function(e){
                 alert('test');
})
});
</script>

$（'document'）.ready（函数（）
{
$（文档）.on（'click'，'btn-save7'，函数（e）{
警报（“测试”）；
})
});

如何检查是否所有按钮都已禁用

编辑：

我已经检查了这些链接，但是这些都是高级的，我对jQuery不是很在行。

---

我会在您关心的六个按钮中添加一个类，以便您可以按该类选择它们；我称之为“计数的”

然后在单击处理程序中，它是一个简单的选择器，带有链接的

：disabled

选择器：

var disabledCount = $(".counted:disabled").length;

如果出于某种原因您不想添加类，并且如果按钮确实具有您列出的

id

，您可以使用选择器和

not

来筛选

#btn-save7

：

var disabledCount = $("button[id^='btn-save']:disabled").not("#btn-save7").length;

嗨，计算机

在您的示例中，没有btn-save7，所以我决定创建一个。为了避免读者混淆，我将其重命名为

计数按钮

首先选择具有禁用属性的按钮，如下图所示

按钮：disabled

接下来通过调用

length

属性对它们进行计数

查看这个片段

$（“#btn-save7”）。在（“单击”，函数（）{
$（“#num buttons”）.html（$（“button:disabled”）.length+“buttons is disabled”）；
});

拯救
拯救
拯救
拯救
拯救
拯救
计数按钮
我会为您要检查的所有按钮添加一个特定的类（以防您的站点上有更多按钮），例如：

这将为您提供类为“checkthis”的禁用按钮的数量
如果所有带有“checkthis”类的按钮都被禁用，这将是一个简单的检查：

if( $(".checkthis:disabled").length == $(".checkthis").length ) {
   console.log("all buttons are disabled");
}

谢谢你的回答。但实际上，我想检查所有6个按钮是否都被禁用。如果是，我将重定向到其他页面，否则将显示警报。@CalculatingMachine:您的问题是“当我单击btn7时，我想检查有多少个按钮被禁用”，所以我回答了这个问题。但是如果您只是想知道它们是否都被禁用，我可能会使用
：enabled
选择器，然后查看计数是否为0.FYI，您应该使用
$（document）
而不是
$（'document'）
，因为您将单击事件绑定到
document
，你不需要准备好wrapper@A.Wolff感谢您在原始代码中更正。谢谢您的回答。我要试一试。投票通过了。我很高兴能帮上忙。谢谢你的回答。投票通过。
$(".checkthis:disabled").length

if( $(".checkthis:disabled").length == $(".checkthis").length ) {
   console.log("all buttons are disabled");
}