jquery -> js

[SpaceAlarm]

Добрый вечер, как переписать данный код с jquery на чистый js?

1.

$('input[name=options]:checked', '#form').val();

2.

$('#form input').on('change', function() {
	let Button = $('input[name=options]:checked', '#form').val();	
});

3.

$(document).ready(function() {	
	$("#name_button").bind("change input", function() {
            let getInput = $("#name_button").val();	
                console.log(getInput);
          });
});

4.

let getURLmessage = [
"test",
"test1",
"test2",
"test3"
]

$(function() {
        $("#name_button").autocomplete({
			source: getURLmessage
		});
});

[рони]

SpaceAlarm,
4
выпадающее меню после ввода в поле

[j0hnik]

$('input[name=options]:checked', '#form').val();

мб так?

$('input[name=options]:checked, #form').val();

[ksa]

$('input[name=options]:checked', '#form').val();

Как вариант...

<form id='form'>
	<input type='checkbox' name='options' value='test' checked />
</form>
<script type='text/javascript'>
var o=document.querySelector('#form input[name=options]:checked');
var val=(o)? o.value: '';
alert(val)
</script>

[ksa]

$('input[name=options]:checked, #form').val();

Это вот так

$('#form input[name=options]:checked').val();

[Nexus]

3.

document.addEventListener('DOMContentLoaded', function() {
    const listener = function() {
        console.log(this.value || '');
    };

    const node = document.getElementById('name_button');
    if (!node)
        throw new Error('Element not found');

    ['change', 'input'].forEach(function(event) {
        node.addEventListener(event, listener);
    });
});

[SpaceAlarm]

Спасибо большое!

[SpaceAlarm]

а 2? как будет

[Nexus]

SpaceAlarm, соберите его самостоятельно из 1 и 3.

[SpaceAlarm]

document.addEventListener('DOMContentLoaded', function() {
    const listener = function() {
        console.log(this.value || '');
    };

    const node = document.getElementBuId('name_button');
    if (!node)
        throw new Error('Element not found');

    ['change', 'input'].forEach(function(event) {
        node.addEventListener(event, listener);
    });
});

не работает что то, не пишет текст в консоль https://jsfiddle.net/d4n2szc5/1/
Вот так должно быть https://jsfiddle.net/qLaaa0dd/