JavaScript不要对我的任何项目发号施令
JavaScript不要对我的任何项目发号施令
提问于 2016-02-10 10:50:07
请原谅我，因为我对web开发很陌生，当时我正在开发一个基于web的应用程序，并且注意到即使是简单的JavaScripts也没有在我的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，并在火狐上运行该项目。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-02-10 10:59:49
您的代码有许多错误，不仅与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>我纠正了一些问题：
- 包含jQuery库，您似乎想使用它，但没有包含。
- 删除可能影响JS执行的HTML注释。
- DOM现成的jQuery代码的缩写。
- 使用严格语句来正确执行JS。
- HTML修复，比如正确地添加头部和主体以及doctype。
Stack Overflow用户
发布于 2016-02-10 10:56:16
正如其他人所指出的，如果您没有包含jQuery，则需要这样做才能使用以下语句
$("input[type='checkbox']")您可以在当前脚本之前将这一行添加到html文件中。确保它周围有html标记
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>此外，在文件的顶部有html注释的开头。
<!--试着移除那个
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35313133
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号