Javascript 使用js在html中选中复选框时发出警报（）_Javascript_Html_Css_If Statement_Checkbox

Javascript 使用js在html中选中复选框时发出警报（）

javascript html css if-statement checkbox

Javascript 使用js在html中选中复选框时发出警报（）,javascript,html,css,if-statement,checkbox,Javascript,Html,Css,If Statement,Checkbox,所以我写了一个html页面只是为了测试，但我不能让脚本工作，它只是说警告，并选中复选框，但我想，当我选中复选框的警告将出现。下面是代码（不带style.css）某些标题标题第一箱第二箱第三个盒子 if（document.getElementById（“checkboxid”）.checked=true）{ 警报（“您选中了第一个框。”）； } 否则{ 警惕（“您没有选中该框。”）； } 有一个错误，您使用的是=而不是=。此外，您可以考虑使用函数变更（）/代码>当您选中第一个复选框

所以我写了一个html页面只是为了测试，但我不能让脚本工作，它只是说警告，并选中复选框，但我想，当我选中复选框的警告将出现。下面是代码（不带style.css）


某些标题
标题

第一箱
第二箱
第三个盒子

if（document.getElementById（“checkboxid”）.checked=true）{
警报（“您选中了第一个框。”）；
}
否则{
警惕（“您没有选中该框。”）；
}

有一个错误，您使用的是

而不是

。此外，您可以考虑使用函数<代码>变更（）/代码>当您选中第一个复选框时将被启动。


某些标题
标题

第一箱
第二箱
第三个盒子

函数更改（）{
if（document.getElementById（“checkboxid”）.checked==true）{
警报（“您选中了第一个框。”）；
}
否则{
警惕（“您没有选中该框。”）；
}
}

了解事件处理程序。哦，好的，thx，我现在修复了它，并使用了一个函数，因此它只有在我选中复选框时才起作用，而不是在页面加载时起作用。thx告诉Swakeert Jain我的问题是另一个问题的重复（请参阅对问题的评论）。下面是我现在得到的：

函数checkbox（）{if（document.getElementById（“checkboxid”）.checked==true）{alert（“你选中了第一个框”）；}否则{alert（“你没有选中框”）；}

@IsraelShevkolenko，太好了，你解决了！快乐编码！你可以将答案标记为已接受并投票表决。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<p class="head1">SOME HEADING</p>
</header>
<div class="div1">
<h1>AN HEADING</h1>
<form>
<ul>
<li><input class="in1" id="checkboxid" type="checkbox">First Box</li>
<li><input class="in1" type="checkbox">Second Box</li>
<li><input class="in1" type="checkbox">Third Box</li>
</ul>
</form>
</div>
<script>
if (document.getElementById("checkboxid").checked = true) {
alert("You checked the first box.");
}
else {
alert("you didnt checked the box.");
}
</script>
</body>
</html>