Vanilla js vs jquery转换

Question

我是一个小程序员，学习Jquery javascript，但从来没有真正掌握过普通的javascript (我知道我是一个淘气的程序员)。我的问题是，我将如何在vanilla JS中复制此功能？

if ($('form[name="sql"] input[type="checkbox"][name="masterblaster"]').length > 0) {
            $('form[name="sql"] input[type="checkbox"][name="masterblaster"]').click(function () {
                $('form[name="sql"] input[type="checkbox"][name="id[]"]').prop('checked', $('form[name="sql"] input[type="checkbox"][name="masterblaster"]').prop('checked'));
            });
        }

$('#sqlActionsMenu').change(function () {
            var selected = $(this).val();

            if (selected == 'utf8') {
                $('.runUtf8').show();
            } else {
                $('.runUtf8').hide();
            }
        });

Answer 1

代码-

if(document.querySelectorAll('form[name="sql"] input[type="checkbox"][name="masterblaster"]').length > 0) {
    document.querySelector('form[name="sql"] input[type="checkbox"][name="masterblaster"]').click(function() {
        const el = document.querySelector('form[name="sql"] input[type="checkbox"][name="id[]"]').checked = document.querySelector('form[name="sql"] input[type="checkbox"][name="masterblaster"]').checked;
    })
}