使用jquery从项目列表中选择多个项目，而不使用复选框

我有一个搜索生成的项目列表

这是一个列表，比如说，我最初希望为每个项目使用10个复选框

因为我想让我能够轻松地标记多个项目，然后按下“删除选定项”按钮

但是，有没有办法不使用复选框？我更喜欢以某种方式选择和取消选择项目，并且项目行的背景颜色会发生变化

我听说过jquery，但通过谷歌搜索selectmultiplejquery，我只知道如何在select列表中使用jquery。这和我要找的不一样

意思是我不想要一个选择列表

我的项目列表是在表标记或div标记中生成的

---

现在使用php。

您可以使用允许多个选择的选择列表。例如：

<select name="foo" size="20" multiple>
  <option value="...">...</option>
  ...
</select>

这个CSS：

#select { border-collapse: collapse; }
#select tr td { background-color: white; color: black; }
#select tr.hover td { background-color: yellow; color: black; }
#select tr.selected td { background-color: blue; color: white; }

---

您可以只使用允许多个选择的选择列表。例如：

<select name="foo" size="20" multiple>
  <option value="...">...</option>
  ...
</select>

这个CSS：

#select { border-collapse: collapse; }
#select tr td { background-color: white; color: black; }
#select tr.hover td { background-color: yellow; color: black; }
#select tr.selected td { background-color: blue; color: white; }

---

使用javascript/jquery尝试以下操作：

function SelectAllTableCheckboxes(tableName, checked) 
{
    $('#' + tableName + ' >tbody >tr >td >input:checkbox').attr('checked', checked);
};

---

使用javascript/jquery尝试以下操作：

function SelectAllTableCheckboxes(tableName, checked) 
{
    $('#' + tableName + ' >tbody >tr >td >input:checkbox').attr('checked', checked);
};

---

另外，请查看jQueryUI。然后可以使用无序列表，拖动鼠标将选择多个。例如，从下载代码并查看第12章的代码。

此外，还可以查看jQuery UI。然后可以使用无序列表，拖动鼠标将选择多个。例如，从第12章的代码中下载代码并查看。

我很想对此进行更新，但您提供的第一个答案是他明确表示他试图避免的内容。您的第二个答案似乎正确，但没有说明单击“删除选定项”按钮时如何重新选择项目。他只是说他希望避免选中复选框。我没有看到任何与列表相反的内容。我确实提到我不寻找选择列表。请参阅最后第二行：我听说过jquery，但通过谷歌搜索selectmultiplejQuery，我得到的只是如何在select列表中使用jquery。这和我要找的不一样。我想我会再加一行来澄清。无论如何，我赞赏所作的努力。谢谢你。FWIW-现在你已经更新了，我给它加1。不过，请看OP的评论。我很想对此投赞成票，但你提供的第一个答案是他明确表示要避免的。您的第二个答案似乎正确，但没有说明单击“删除选定项”按钮时如何重新选择项目。他只是说他希望避免选中复选框。我没有看到任何与列表相反的内容。我确实提到我不寻找选择列表。请参阅最后第二行：我听说过jquery，但通过谷歌搜索selectmultiplejQuery，我得到的只是如何在select列表中使用jquery。这和我要找的不一样。我想我会再加一行来澄清。无论如何，我赞赏所作的努力。谢谢你。FWIW-现在你已经更新了，我给它加1。不过，请看OP的评论。