Javascript 选择既不禁用也不只读的元素

我正在尝试选择未禁用且不只读的元素。目前我正在使用$.data-fields.active.serializeArray；但显然，它似乎过滤掉了禁用但返回的只读元素。我怎样才能过滤掉这些呢？

这应该可以使用选择器，比如：

$(".data-fields.active:not([readonly])").serializeArray();

演示：

常量arr=$.data字段。活动：非[readonly]。序列化数组； console.log arr

---

谢谢你的回复，我用过了，但是没有返回任何东西。我不熟悉ui。当然。你能不能添加一个带有html输入的小演示，其中很少是活动的，很少是只读的，然后我们可以尝试重现这个问题。我还添加了一个演示。您可以看到有4个输入：2个是启用的，另外两个是只读的，arr变量只返回启用输入的数据。很抱歉，我无法看到演示。