Javascript 在Grails中的gsp中执行jquery代码

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

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

（$（'.isadmin'）。单击（函数（）{
$（'.adminFields'）[this.checked？“show”：“hide”]（）；
});)

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

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

注册为管理员
你好）

---

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

您的复选框的名称设置为

isAdminCafee

，而不是其类。您的jQuery选择器

。iAdminCache

按类搜索，因此不匹配任何内容。

您的复选框的名称设置为

iAdminCache

，而不是其类。您的jQuery选择器

。iAdminCache

按类搜索，因此不匹配任何内容。

您的复选框的名称设置为

iAdminCache

，而不是其类。您的jQuery选择器

。iAdminCache

按类搜索，因此不匹配任何内容。

您的复选框的名称设置为

iAdminCache

，而不是其类。您的jQuery选择器

.isAdminCache

按类搜索，因此不匹配任何内容。

$（“.adminFields”）.hide（）；
$（'.checkbox输入：checkbox'）。单击（函数（）{
var$this=$（this）；
如果（$this.is（':checked'））{
$（“.adminFields”）.show（）；
}否则{
$（“.adminFields”）.hide（）；
}
});

注册为管理员
你好）

$（“.adminFields”）.hide（）；
$（'.checkbox输入：checkbox'）。单击（函数（）{
var$this=$（this）；
如果（$this.is（':checked'））{
$（“.adminFields”）.show（）；
}否则{
$（“.adminFields”）.hide（）；
}
});

注册为管理员
你好）

$（“.adminFields”）.hide（）；
$（'.checkbox输入：checkbox'）。单击（函数（）{
var$this=$（this）；
如果（$this.is（':checked'））{
$（“.adminFields”）.show（）；
}否则{
$（“.adminFields”）.hide（）；
}
});

注册为管理员
你好）

$（“.adminFields”）.hide（）；
$（'.checkbox输入：checkbox'）。单击（函数（）{
var$this=$（this）；
如果（$this.is（':checked'））{
$（“.adminFields”）.show（）；
}否则{
$（“.adminFields”）.hide（）；
}
});

注册为管理员
你好）
它可以工作，但也必须像Gregor Petrin所说的那样为复选框命名类名，并将jquery代码包装到$（document）.ready（function（）{…}是的，它应该被包装到文档准备部分。但是如果您在最后使用脚本部分，那么您就不需要使用文档准备部分。@pragmus如果您使用上述代码，您不需要为checkbox添加类名。可能是。可能是您的代码在第一次对我不起作用，因为我在head部分连接了jquery库，但忘记了做document ready部分。它可以工作，但也必须像Gregor Petrin所说的那样为checkbox做类名，并将jquery代码包装到$（document.ready）（function（）{…}是的，它应该被包装到文档准备部分。但是如果您在最后使用脚本部分，那么您就不需要使用文档准备部分。@pragmus如果您使用上述代码，您不需要为checkbox添加类名。可能是。可能是您的代码在第一次对我不起作用，因为我在head部分连接了jquery库，但忘记了做document ready部分。它可以工作，但也必须像Gregor Petrin所说的那样为checkbox做类名，并将jquery代码包装到$（document.ready）（function（）{…}是的，它应该被包装到文档准备部分。但是如果您在最后使用脚本部分，那么您就不需要使用文档准备部分。@pragmus如果您使用上述代码，您不需要为checkbox添加类名。可能是。可能是您的代码在第一次对我不起作用，因为我在head部分连接了jquery库，但忘记了做document ready部分。它可以工作，但也必须像Gregor Petrin所说的那样为checkbox做类名，并将jquery代码包装到$（document.ready）（function（）{…}是的，它应该被包装到文档准备部分。但是如果您在最后使用脚本部分，那么您就不需要使用文档准备部分。@pragmus如果您使用上述代码，您不需要为checkbox添加类名。可能是。可能是您的代码在第一次对我不起作用，因为我在head部分连接了jquery库，但忘记了做文档准备部分。