javascript на кнопке опции не работает в cakephp3

Question

Я не могу получить код javascript для работы в cakephp3. Первоначально я хочу скрыть/показать раздел div, щелкнув опцию. Проект отлично работает от этой функции js. У меня есть функция js в файле (webroot/js/myjs.js), и я вызываю файл в макете, как показано ниже. Я нажимаю кнопку опции, чтобы вызвать эту функцию, чтобы проверить ее, и я не получаю никакого вывода. Я не могу понять, что еще мне нужно сделать, поскольку я застрял.

http://book.cakephp.org/3.0/en/views/helpers/html.html#creating-inline-javascript-blocks 

<?php 

    $options=array(0=>'Student',1=>'Tutor'); 
    echo $this->Form->input('cancelledBy', 
      [ 'label'=>false, 'style'=>"margin:10px;", 'type' => 'radio', 'options' => $options, 
         'onclick'=>'hide()', 'value'=>0]); 

       ?> 

     <div id="cancel" style="display: none;">Hello hidden content</div> 


//myjs.js 
    <script type="text/javascript"> 
function hide() 
{ 
alert('asd'); 



    var e = document.getElementById("cancel"); 

     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 



} 
</script> 


//layoutfile (which appears when i see the page source with the javascript function 
<?php echo $this->Html->script(['myjs.js']); ?> 

Answer 1

использовать это на ваш взгляд $this->Html->script('myjs', ['block' => 'scriptBottom']); и добавить <?= $this->fetch('scriptBottom') ?> в макете, прежде чем </body>

EDIT

удалить 'type' => 'radio' и изменить OnClick событие для OnChange

$options = array(0=>'Student',1=>'Tutor'); 

echo $this->Form->input('cancelledBy', [ 
    'label' => false, 
    'style' => "margin:10px;", 
    'options' => $options, 
    'onchange' => 'hide()', 
]); 

Answer 2

Этом работал

// ввиду

echo $this->Form->input('cancelledBy', [ 
    'class' => 'cancelledByClass', 
    'label' => false, 
    'style' => "margin:10px;", 
    'type' => 'radio', 
    'options' => $options, 
    'value' => 0 
]); 

// JS

$('input[name="cancelledBy"]').change(function(){ 
    alert('Here'); 
    var e = document.getElementById("cancel"); 

    if (e.style.display == 'block') 
    e.style.display = 'none'; 
    else 
    e.style.display = 'block'; 
});