在Grails中的gsp中执行jquery代码

Executing jquery code in gsp in Grails

本文关键字：执行 jquery 代码 gsp Grails 中的      更新时间：2023-09-26

我想在复选框打开时在gsp代码中显示一些输入字段。我使用jquery。我将jquery脚本连接到gsp，如下所示：

<g:javascript library="jquery" />
<script type="text/javascript">($('.isAdminCafee').click(function() {
  $('.adminFields')[this.checked ? "show" : "hide"]();
  });)
</script>

这是我的gsp代码的一部分，与此代码jquery脚本必须交互：

<div class="checkbox">
  <label><g:checkBox name="isAdminCafee" value="${false}"/>
    Register as admin
  </label>
</div>
<div class="adminFields">
  hello)
</div>

但互动并没有发生。如何修复？

您的复选框的名称设置为isAdminCafee，而不是类。jQuery选择器.isAdminCafee按类进行搜索，因此不匹配任何内容。

$(".adminFields").hide();
$('.checkbox input:checkbox').click(function() {
    var $this = $(this);
    if ($this.is(':checked')) {
        $(".adminFields").show();
    } else {
        $(".adminFields").hide();
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div class="checkbox">
   <label><input type="checkbox" name="isAdminCafee" value="false">Register as admin</label>
</div>
<div class="adminFields">
  hello)
</div>

相关文章：