jquery - jqueryですべてのチェックボックスを選択する

Question

ページ上の 1 つのチェックボックスをオンにして、特定の名前のすべてのチェックボックスを選択し、後続のイベントをトリガーしたいと考えています。

現時点ではすぐには起動しないようです。そのため、「すべて選択」チェックボックスを最初にチェックすると、チェックボックスは選択されず、「すべて選択」チェックボックスのチェックを外すと、すべてのチェックボックスがチェックされます。

少し逆さまに見えます。

次のコードが正しく動作するようにするには、どうすれば改善できますか?

$(document).on("click", "input[name='chkAllBs']", function () {

if ($('input[name = chkBestSeller]').prop('checked') == false) {
    $('input[name=chkBestSeller]').attr("checked", "true");
    $('input[name=chkBestSeller]').trigger('click');
}
else {
    $('input[name=chkBestSeller]').attr("checked", "false");
    $('input[name=chkBestSeller]').trigger('click');
}

Answer 1

試す

$(document).on("click", "input[name='chkAllBs']", function () {
    $('input[name=chkBestSeller]').prop("checked", this.checked);
});

Answer 2

のようになります

if ($('input[name = chkBestSeller]').prop('checked') == true) {

    $('input[name=chkBestSeller]').attr("checked", true);
} else {

    $('input[name=chkBestSeller]').attr("checked", false);
}

または単に

$(document).on("click", "input[name='chkAllBs']", function () {
    $('input[name="chkBestSeller"]').prop("checked", this.checked);
});

Answer 3

$(document).on("click", "input[name='chkAllBs']", function () {
    var c = this.checked;
    $('input[name = chkBestSeller]').prop('checked',c);
});