<form>
Age: <input type="checkbox" class="first" value="Below 10">Below 10
<input type="checkbox" class="first" value="Below 20"> Below 20
<input type="checkbox" class="first" value="Below 30">Below 30
<br>
You have clicked:
<span id="maClass">
</span>
</form>
<script type="text/javascript">
var maClass = document.querySelector("#maClass");
var first = document.querySelectorAll(".first");
var isClicked = false;
var i=0;
for(i; i<first.length ; i++){
first[i].addEventListener("click", function() {
if(isClicked){
maClass.style.display = "none";
isClicked = false;
}else{
maClass.style.display = "inline";
maClass.style.display = first[i].getAttribute("value");
isClicked = true;
}
});
}
</script>
我试图让这 3 个复选框切换。我在 Javascript 中使用了 eventListener。我对 3 个不同的复选框使用了相同的类名。这是因为,它将帮助我将整个决策存储到一个数组中。但它不起作用 我不能让它切换。请帮忙
九州编程
相关分类