为什么隐藏不起作用？

Question

我正在尝试关注this solution

我的形式是这样的;

       <div class="form-check">
            {!! Form::checkbox('yesPlease', 1, null, ['id' => 'yesCheck']) !!}
        </div>
        <div class="check-label">
        Yes please.
        </div>
        <div id="ifYes" style="display:none">
            <div class="form-check">
                {!! Form::checkbox('alsoYes', 1, null) !!}
            </div>
            <div class="check-label">
                Also yes.
            </div>
        </div>

这在我的剧本中;

    <script type="text/javascript">

    function yesnoCheck() {
        if (document.getElementById('yesCheck').checked) {
            document.getElementById('ifYes').style.display = 'block';
        } else
            document.getElementById('ifYes').style.display = 'none';
        }

    </script>

但是，当您选择“是”检查时，＆＃39; ifYes＆＃39;没有显示：阻止。

看起来很简单，我错过了什么？感谢。