【问题标题】:'Click to accept' checkbox to enable link“点击接受”复选框以启用链接
【发布时间】:2014-03-25 02:19:44
【问题描述】:

我需要在我的网站 (http://www.formulafast.co.uk/book-now.html) 上设置一个“点击接受条款”复选框,以便在选中时启用指向另一个页面的链接。

到目前为止,我已经改编了一个脚本和 html,它已成功运行(在 Internet 上的其他地方)并且在 JS fiddle 中运行良好(请参阅http://jsfiddle.net/pjs53/hQJXW/104/),但是一旦我粘贴到我的页面上就无法正常工作。

HTML 是:

<input type="checkbox" id="check"/><label for="check">I have read and accept the <a href="http://www.formulafast.co.uk/terms--conditions.html">Terms & Conditions</a></label></br></br>

Javascript 在上面的 jsfiddle 中。

值得一提的是,我正在使用 Weebly...并且 html 部分目前作为 sn-p 嵌入到页面的中间。 javascript 位于此特定页面的标题部分。如果有人有更好的建议,请不要害羞。

我有一种感觉,可能是代码的放置导致它无法工作,或者我缺少将两者联系在一起的标签...有什么想法吗?

【问题讨论】:

  • “我粘贴了一些在互联网上找到的代码后,它无法正常工作”您尝试过基本调试吗?
  • 抱歉 - 我没有,我该从哪里开始?
  • 我同意上面的 cmets,您的页面上很可能有一个 javascript 错误导致您的问题。
  • 您是否在您的网站中使用了document.ready
  • Nightire - 我对此很陌生,所以我不确定,但是页面上还有其他脚本运行得很好。 Jos Tokkellos - 我通过 chrome 检查了该站点,发现以下内容:“未捕获的类型错误:对象 [object Object] 的属性 '$' 不是函数”。这是我的脚本中使用的符号,位于 html 标题部分...我在错误的地方使用了错误的符号吗?

标签: javascript html input checkbox hyperlink


【解决方案1】:

阅读上面的 cmets,你实际上忘记在你的 html 中包含 jQuery,像这样:

<script src="path_to_jquery_file"></script>

您的 JSFiddle 使用 jQuery 作为框架(见左侧),这就是它可以工作但您的网页不工作的原因。

【讨论】:

  • 感谢乌戈!那么脚本引用是否需要高于或低于复选框的其余 html?
  • 在您的页面 标记中添加我之前提到的
  • 嗯...脚本已上传并在页面 中引用,但仍然没有运气。我在控制台中得到了'Uncaught TypeError: Property '$' of object [object Object] is not a function'……这是我第一次使用JS,脚本应该如何开始和结束?它目前以 $ 符号开头。
  • 知道了!事实证明,它需要 jQuery(document).ready(function($) { 在 js 的第一行才能轻松识别 $。还有另一个关闭 });以避免任何语法错误。谢谢。
猜你喜欢
  • 2018-02-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-10-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多