Vanilla js vs jquery 转换

问题描述

我是学习 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();
            }
        });

解决方法

代码-

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