Javascript 阻止复选框在alpineJS中签入？

我开始在我的项目中使用alpine JS，遇到了这种情况，我真的不知道最好的方法。我有一个输入复选框，我需要限制用户只选择其中的12个。我可能可以用普通的javascript或jquery来实现这一点，但因为我决定使用alpine JS，所以可能会一直使用它。这就是我的问题

我有一个输入类型复选框，如下所示：

并且有一个持有州的父div：

---

作为输入的父项，因此如果我有例如24个复选框。。如何使用户不能单击超过12个复选框？

您可以绑定到禁用的

并选中
计数>=12

ohhh谢谢，我不知道你可以把条件绑定起来。。谢谢