我编写了一个 html 代码,向用户显示使用条款,但是我遇到了一个问题,我认为这是由于脚本问题造成的。 我在 JSFIDDLE 工具上尝试了我的代码,它适用于我,但在我的浏览器中却不起作用。
我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Terms of Use</title>
</head>
<body>
<form method="post" action="$PORTAL_ACTION$" class="login">
<h1>Terms of Use</h1>
<p class="login-p">
To continue please read and accept the following terms.
</p>
<br>
<textarea class="login-input" readonly>
1.plapla
2.plapla
3.plapla </textarea>
<br>
<textarea class="login-input" readonly>
1.plapla
2.plapla
3.plapla </textarea>
<div>
<input type="checkbox" name="option-1" id="option-1"><label for="option-1">Accept</label>
</div>
<div>
<input type="submit" value="Continue" disabled>
</div>
<script type='text/javascript' src="http://code.jquery.com/jquery-latest.js">
var checkboxes = $("input[type='checkbox']"),
submitButt = $("input[type='submit']");
checkboxes.click(function() {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
</script>
<p class="footer">
© 2015 Powered by <a href="http://www.tavit.aero">TAV-IT</a>.
</p>
</form>
</body>
</html>
问题是,当我选中复选框时,脚本应该禁用 btn,但它没有:(
最佳答案
问题是你的内联脚本应该在它自己的 <script>
中标签。像这样(注意额外的结束和开始脚本标签):
<script type='text/javascript' src="http://code.jquery.com/jquery-latest.js"></script>
<script>
var checkboxes = $("input[type='checkbox']"),
submitButt = $("input[type='submit']");
checkboxes.click(function() {
submitButt.attr("disabled", checkboxes.is(":checked"));
});
</script>
参见this Plunker查看修改后的版本是否有效。
关于javascript - html 中的 JScript 未运行或未被调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33928768/