我写了一个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以查看修改后的版本。