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);