Javascript Cakephp：选中/取消选中复选框时启用/禁用文本框

需要帮助来解决这个问题

使用Cakephp，我创建了一个显示名称（一些文本）、复选框和文本框的列表。我需要的是，当选中复选框时，textbox应该被启用，否则它应该被禁用。我试过了。但它并没有像我所希望的那样起作用

下面是代码及其jquery

    <tbody>
          <?php $count = 0; ?>
          <?php foreach ($get_resources['learnings'] as $learnings): ?>
               <tr><td>
                  <?php $control_id = $this->SDNTextUtils->cleanCssIdentifier($learnings['name']); ?>

          <div class="switch">
        <?= $this->Form->label($control_id, __($learnings['name'])); ?></div></td>
    <td>
     <div class="switch">
    <?= $this->Form->checkbox("lrng_permission[$count][permission]", ['class' => 'cmn-toggle cmn-toggle-round', 'id' => $control_id, 'name'=>'idd']); ?>


     <?= $this->Form->label($learnings['name'], ''); ?>



    <?= $this->Form->hidden("lrng_permission[$count][resource_name]", ['value' => $learnings['name']]); ?> 

    <?= $this->Form->hidden("lrng_permission[$count][resource_type]", ['value' => 'Learning']); ?></td>

    <td> <?= $this->Form->number('',['label'=>false,'id'=>'check1','disabled' => 'disabled']); ?>

    </td></tr>
    </div>

<?php $count ++; ?>
<?php endforeach; ?>
    </tbody>

//这是JQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript"> 


    $('#idd').'change',function(){
       var checked=$('#idd').is(':checked');
        if(checked==true)
        {   
            $('#check1').attr('disabled',false);
        } else {

            $('#check1').attr('disabled',true);
        }
      });

</script>

$（'#idd'）.'change'，function（）{
var checked=$（'#idd'）。是（':checked'）；
如果（选中==true）
{   
$（'check1'）.attr（'disabled'，false）；
}否则{
$（'check1'）.attr（'disabled'，true）；
}
});

使用三元运算符在复选框更改时切换禁用状态

$（'[name=idd]'）。在（'change'，function（）上{
console.log（this.checked）；
$（'#check1'）.prop（'disabled'，this.checked）；
});

text区域
请更新呈现的HTML，而不是蛋糕代码。这样我们就可以测试了。另外，jQuery代码是完全混乱的。它需要是
$（'#idd'）。在（'change'，function（）{
（我仍然认为它将无法工作，直到您显示HTML以及我们对代码进行了更多的更正）