从 $.post 请求结果更改表单

Question

这是我的困境，我有一个页面，顶部有一个表格。该表单包含多个具有相同名称的复选框：“主题”。每次我勾选或取消勾选一个或多个复选框时，它都会使用 $.post jquery 请求将结果页面加载到 div 中，如下所示：

$.post("index-main-list.php", $("#selectors").serialize(), function(data){
$('#main-list').html(data); }); 

我的表单 id 为“选择器”，结果加载到“主列表”div 中。 到目前为止，所有这些都运行良好。

#main-list 中加载的页面结果包含与用户选择的主题相对应的文章列表。

但在此列表中，每篇文章都有一个指向其特定主题的链接，我希望这些链接执行的操作是取消选中页面上表单中的所有框，并仅勾选相应的框，从而触发新的执行$.post 请求，因此仅加载与用户选择的主题相对应的文章。

通过使用类似的东西：

$('#selectors')[0].reset(); 
$('input[id=topic]').attr('checked', true);

但由于某种原因，我似乎无法更改 #selectors 表单中的任何内容，任何人都可能知道为什么？谢谢！

Answer 1

您在寻找这样的东西吗？

$('input:checked').attr('checked', false); // uncheck all checked
$('input[id=topic]').attr('checked', true); // check only the specific box

另外，如果 #selectors 是您的表单，那么这将更加具体并且性能更好：

$('#selectors').find('input:checked').attr('checked', false);
$('#selectors').find('input[id=topic]').attr('checked', true);