Question

我有一些切换（显示和隐藏）内容的复选框。他们工作正常。但是当我添加check all复选框时，它会检查所有复选框，但内容不再切换。我很困惑为什么以及如何让它发挥作用。

我的HTML：

PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
PREFIX foaf: <http://xmlns.com/foaf/0.1/>
SELECT * WHERE {
  ?sub a foaf:Person .
  ?sub rdfs:label ?lbl .
  ?lbl bif:contains "Albert AND Einstein" .
  filter(langMatches(lang(?lbl), "en"))
} 
LIMIT 10

我的js：

<p><input type="checkbox" class="section-select one">one </p>
<p><input type="checkbox" class="section-select two">two</p>
<p><input type="checkbox" class="section-select three">three</p>
<p><input type="checkbox" class="check-all">check all</p>
<div id="one">One</div>
<div id="two">two</div>
<div id="three">three</div>

这是一个小提琴：https://jsfiddle.net/jawxvc49/

Answer 1

您可以使用trigger()触发更改事件。

$("input.check-all").change(function(){
    $("input.section-select").prop('checked', $(this).prop("checked")).trigger('change');
})

如何检查所有并同时切换

1 个答案: