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

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

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

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

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

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

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

$('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>

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

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

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