gpt4 book ai didi

基本的javascript复选框

转载 作者:行者123 更新时间:2023-11-30 10:51:42 27 4
gpt4 key购买 nike

我只是想得到一个警报,它是选中一个框的结果。我似乎无法隔离检查事件。它在我加载页面时触发,尽管我最初尝试将检查属性设置为 false。

查找它让我了解了 jquery 和所有其他东西,但为了我在 javascript 中的正式培训,我需要坚持使用 javascript 并首先了解它(jquery 将是我的下一门类(class))。

代码如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
<title>JavaScript Challenges</title>
<script type="text/javascript">
window.onload = function(){
checkbox = document.getElementById("subscribe");
checkbox.checked = false;


if (checkbox.checked = true){
alert("checked works");
}

}

</script>
</head>
<body>
<form action="">
<fieldset>

<legend>Email subscriptions</legend>

<p id="subscribepara">
<label>
<input type="checkbox" name="subscribe" id="subscribe">
Yes! I would like to receive the occasional newsletter via email.
</label>
</p>

<p id="emailpara">
<label>
Email Address:
<input type="text" name="email" id="email">
</label>
</p>

</fieldset>
</form>
</body>
</html>

顺便说一句,这是来自维基大学的 javascript 挑战。第一个挑战的第二部分。您需要的第一部分使用 style.display ='none' 隐藏电子邮件元素效果很好。

最佳答案

看起来它正在触发,因为比较运算符被破坏了:

if (checkbox.checked = true)

应该是

if (checkbox.checked == true)

您拥有的版本实质上是将选中状态设置为 true。此操作成功,因此本身解析为真(导致输入条件并看到警报)。

此外,当您手动选中/取消选中该复选框时,此代码不会触发。这只在页面加载时运行一次。绑定(bind)到点击事件的一种方法是 specify a function call in the markup对于复选框。

被认为更好的设计不是在标记中进行,而是分离代码并绑定(bind)到外部事件。但是当你进入 jQuery 时,你就会明白这一点。从基础开始很好。

关于基本的javascript复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4932873/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com