如何使用JavaScript访问下面构造的HTML对象

我试图限制列表字符串复选框中的选择。 但是，我似乎无法选择HTML中的对象。我正在将应用程序生成器用于我的对象，并尝试实现一个附加的JavaScript代码

我尝试使用document.getElementsByCassName（）、.querySelector（）和.getElementsByTag（）来选择我的对象，但没有成功

我不明白为什么这个代码不起作用。可能是因为我无法正确构造代码或正确使用选择器吗？ 我对JavaScript不是很熟悉，任何帮助或指导都将不胜感激

var checks=document.querySelectorAll（“.item”）；
var max=2；
对于（变量i=0；i=最大值+1）
返回false；
}

苹果
香蕉
甜瓜
芒果
葡萄
桃

你完全错了。您正在选中“.item:checked”，因此类“item”应该是复选框，而不是div

<div style="">
        <div style="outline: none;">
            <input class="item" type="checkbox" style="outline: none; margin-left: 0px; margin-right: 6px;" id="InsertRecordCheckList_3a4dfdb26cc834_checked_0">
            <label for="InsertRecordCheckList_3a4dfdb26cc834_checked_0">Apple</label>
        </div>
        <div  style="outline: none;">
        <input class="item" type="checkbox" style="outline: none; margin-left: 0px; margin-right: 6px;" id="InsertRecordCheckList_3a4dfdb26cc834_checked_1">
        <label for="InsertRecordCheckList_3a4dfdb26cc834_checked_1">Banana</label>
        </div>
        <div style="outline: none;">
        <input class="item" type="checkbox" style="outline: none; margin-left: 0px; margin-right: 6px;" id="InsertRecordCheckList_3a4dfdb26cc834_checked_2">
        <label for="InsertRecordCheckList_3a4dfdb26cc834_checked_2">Melon</label>
        </div>
        <div style="outline: none;">
        <input class="item" type="checkbox" style="outline: none; margin-left: 0px; margin-right: 6px;" id="InsertRecordCheckList_3a4dfdb26cc834_checked_3">
        <label for="InsertRecordCheckList_3a4dfdb26cc834_checked_3">Mango</label>
        </div>
        <div style="outline: none;">
        <input class="item" type="checkbox" style="outline: none; margin-left: 0px; margin-right: 6px;" id="InsertRecordCheckList_3a4dfdb26cc834_checked_4">
        <label for="InsertRecordCheckList_3a4dfdb26cc834_checked_4">Grapes</label>
        </div>
        <div style="outline: none;">
        <input class="item" type="checkbox" style="outline: none; margin-left: 0px; margin-right: 6px;" id="InsertRecordCheckList_3a4dfdb26cc834_checked_5">
        <label for="InsertRecordCheckList_3a4dfdb26cc834_checked_5">Peach</label>
        </div>
      </div>

苹果
香蕉
甜瓜
芒果
葡萄
桃

---

Rest是Ok的

元素的

类

在HTML中设置为

“Item”

，尽管JavaScript中使用的选择器是

“.Item”

。选择器字符串区分大小写。没有任何元素在HTML中将

类设置为
“item”
。您好，谢谢您指出这一点，我忘了提到我尝试了这两种情况，但都不起作用。您所说的“不起作用”是什么意思？
selectiveCheck
中的代码只计算
checkedChecks
的
.length
，对吗？预期结果是什么？据我所知，该功能限制用户只能选择2个选项。正如我检查的，仍然没有验证。我理解正确了吗？嗨，我怀疑同样的事情，但是由于我使用的是应用程序生成器，我无法从后端分配类或修改对象。HTML是预定义的。也许你有办法解决这个问题？谢谢然后通过如下子选择器进行访问-
var checks=document.querySelectorAll（“.item>input[type='checkbox']”）；var max=2；对于（var i=0；iinput[type='checkbox']：checked”）；if（checkedChecks.length>=max+1）返回false；}