选项按钮上的javascript在cakephp3中不起作用

Question

我无法在cakephp3中使用javascript代码。 本来我想通过单击一个选项隐藏/显示div部分。 除了此js函数之外，该项目还可以正常运行。 我在文件（webroot / js / myjs.js）中具有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>之前的布局中

编辑

删除'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';
});