gpt4 book ai didi

javascript - 验证是否选中 1 到 3 个复选框但具有不同的 id

转载 作者:行者123 更新时间:2023-12-02 16:56:52 25 4
gpt4 key购买 nike

我这里有一个小问题,所以我有一个表格,里面的一个部分有 8 个复选框所有这些都在其上方带有图像,因此如果用户单击图像以检查其特定的复选框。

这是我的 chekboxex 的代码以及验证它们的脚本:

function logotype() {
var group = document.newlogo.ltype;
for (var i=0; i<group.length; i++) {
if (group[i].checked)
break;
}
if (i==group.length)
return alert("Please select 1 to 3 Logo Types");
}
<div class="thumb1" >
<label for="letter"><img class="img" src="images/my2.jpg" /></label>
<input type="checkbox" class="chk" name="ltype[]" id="letter" value="letter" />
<hr>
<p><strong>Letter Mark Logo</strong></p>
</div>
<div class="thumb1">
<label for="emblerm"><img class="img" src="images/my3.jpg" /></label>
<input type="checkbox" class="chk" name="ltype[]" id="emblerm" value="emblerm" />
<hr>
<p><strong>Emblerm Logo</strong></p>
</div>

正如您可能会看到的,如果我使用相同的 id 制作所有复选框,它可以用于验证,但在此之后我的复选框不能从图像中检查,因为 for="anothername" 如果我输入 ltype,它会使所有人只选择一个字段。 .

所以问题是:我能否以某种方式根据类名验证复选框,以便在提交时至少选中 1 到 3 个复选框?

最佳答案

您可以使用getElementsByClassName()方法使用类名访问复选框,并按如下方式验证它们:

function logotype() {
var failure = true,
count =0,
group = document.getElementsByClassName("chk");
for (var i=0; i<group.length; i++) {
if (group[i].checked)
count++;
if(count>=3){
failure =false;
break;
}
}
if (failure){
alert("Please select 1 to 3 Logo Types");
return false;
}
}

关于javascript - 验证是否选中 1 到 3 个复选框但具有不同的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26105146/

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