JavaScript 没有对我的任何项目进行执行

JavaScript not excuting on any of my projects

本文关键字：项目 执行 任何 我的 JavaScript      更新时间：2023-09-26

请耐心等待，因为我是Web开发的新手，我正在开发一个基于Web的应用程序，并注意到即使是简单的JavaScript也无法在我的JSP页面上运行。我正在尝试实现与此类似的内容：http://jsfiddle.net/chriscoyier/bphze/76/我甚至创建了一个全新的项目，以确保问题不出在我的代码上。这是那个新鲜的页面：

<html>
<script type="text/javascript">
<!--
//JavaScript goes here
var checkboxes = $("input[type='checkbox']"),
submitButt = $("input[type='submit']");
checkboxes.click(function() {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
//-->
</script>
<h1>Button should be enabled if at least one checkbox is checked</h1>
<form>
<div>
    <input type="checkbox" name="option-1" id="option-1"> <label for="option-1">Option 1</label>
</div>
<div>
    <input type="checkbox" name="option-2" id="option-2"> <label for="option-2">Option 2</label>
</div>
<div>
    <input type="checkbox" name="option-3" id="option-3"> <label for="option-3">Option 3</label>
</div>
<div>
    <input type="submit" value="Do thing" disabled>
</div>
</form>
</html>

即使是像上面这样简单的代码也无法执行。我在这里缺少什么？，我需要将某些内容导入到我的项目文件中吗？请告知，我正在使用NetBeans，并在Firefox上运行该项目。

你的代码有很多问题，不仅与你的JavaScript的执行有关。

试试这个修改后的代码：

<!doctype html>
<html>
    <head>
        <title>My Page</title>
    </head>
    <body>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
        <script>
        $(function() {
            'use strict';
            var checkboxes = $("input[type='checkbox']"),
                submitButt = $("input[type='submit']");
            checkboxes.on('click', function() {
                submitButt.attr("disabled", !checkboxes.is(":checked"));
            });
        });
        </script>
        <h1>Button should be enabled if at least one checkbox is checked</h1>
        <form>
            <div>
                <input type="checkbox" name="option-1" id="option-1"> <label for="option-1">Option 1</label>
            </div>
            <div>
                <input type="checkbox" name="option-2" id="option-2"> <label for="option-2">Option 2</label>
            </div>
            <div>
                <input type="checkbox" name="option-3" id="option-3"> <label for="option-3">Option 3</label>
            </div>
            <div>
                <input type="submit" value="Do thing" disabled>
            </div>
        </form>
    </body>
</html>

我纠正了一些问题：

  1. 包含 jQuery 库，您似乎想要使用它，但尚未包含。

  2. 删除可能影响 JS 执行的 HTML 注释。

  3. DOM Ready jQuery 代码的简写。

  4. 使用严格语句正确执行 JS。

  5. HTML 修复，例如正确添加头部和身体以及文档类型。

正如其他人所指出的，如果你没有包含jQuery，你需要这样做才能使用这样的语句

。 
 $("input[type='checkbox']")

您可以通过在当前脚本之前将此行添加到 html 文件中来执行此操作。确保它周围有 html 标签 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

此外，在文件的顶部，您可以打开一个html注释

<!--

尝试删除它

相关文章：