javascript - 如何根据多个条件进行选择

Question

在网页中，我有输入元素，例如:

<input type="checkbox" data-initialstate="False">

initialstate 属性是在服务器端构建页面时设置的。

为了显示所有禁用的和现在禁用的复选框的列表，我想做一个 jQuery 选择，例如:

$(input and value = true and data-initialstate = false)

但我找不到正确的语法。执行此操作的正确方法是什么？

Answer 1

据推测，“value = true”是指选中的复选框。如果是这样，要实现这一点，您可以使用 :checked 和属性选择器。试试这个:

var $checkboxes = $('input:checkbox:checked[data-initialstate="False"]');

但请注意，如果 data 属性在页面生命周期内被修改，这将不起作用。在这种情况下，您需要使用 filter()，如下所示:

var $checkboxes = $('input:checkbox:checked').filter(function() {
  return !$(this).data('initialstate');
});