Javascript jquery函数，用于在清除筛选结果后显示默认文本

我有一个自定义的过滤jQuery，该函数是在选中复选框时使用类过滤器显示div上复选框的rel值

同时，div过滤器的默认文本写为“请选择”

我需要的是，当有人选中复选框，然后单击“全部清除”按钮时，它将清除选中的值，但在当前状态下，清除结果后，div filter“Please choose”中的默认文本不会再次出现

以下是Html代码：

<div class="check">
<label><input type="checkbox" rel="A" name="A"/>a</label>
<label><input type="checkbox" rel="B" name="B"/>b</label>
<label><input type="checkbox" rel="C" name="C"/>c</label>
<label><input type="checkbox" rel="D" name="D"/>d</label>
<button class="clear -filter"onclick="$('input:checkbox').removeAttr('checked');            
$('.results > div').show();                                                      
$('.textTrigger').html('');" type="reset" value="Clear all">Clear all</button>
</div>

<div class="filter">
  <p class="textTrigger">Please choose</p>
</div>

这是小提琴的链接

去掉按钮上的

onclick

属性，它不是干净的代码。您已经在使用jQuery，因此我建议您坚持使用jQuery，并将JS逻辑从DOM元素内部移开

也可以使用该功能，而不是

委托

用这个

$('button').on('click', function () {
    $('input:checkbox').removeAttr('checked');
    $('.results > div').show();
    $('.textTrigger').html('Please choose');
});

---

啊，我的错误。忘记了点击时的小功能，因为内联js内置按钮。非常感谢。我会的，但我的名声还不到15岁，还不能投票。我可以问另一个问题吗？你不必投反对票，你可以接受它，如果你愿意的话，你可以随时投反对票。无论如何，如何限制复选框？比如每个用户5次或6次检查？你可能需要作为一个新问题来提问，并详细解释。您有用户参与，这似乎是一个更大的范围：）

$('button').on('click', function () {
    $('input:checkbox').removeAttr('checked');
    $('.results > div').show();
    $('.textTrigger').html('Please choose');
});