Home / Questions / 167899
Accepted
Ricardo Sauceda
Asked: 2020-05-26 13:19:59 +0800 CST 2020-05-26 13:19:59 +0800 CST

验证是否在 Javascript 中选择了一个或多个复选框

  • 772

有时我们会在HTML表单中被要求在复选框 1中列出元素的特征。例子：

选择1 与您的工作申请感兴趣的领域。

然后我们必须获取您选择的感兴趣区域的 C/U ID，并验证是否至少选择了 1 个复选框。

我该怎么做？

javascript

2 Answers

  1. Best Answer

    所以为了解决这个问题，我做了以下事情：

    这些复选框是动态准备好的。我直接从数据库中获取所有内容。

    在我的表格中，我有：

    <div class="w-row">
   <% for (int i = 0; i < areaInteresModel.length; i++) {
      CatAreaInteresModel areaInteres = CatAreaInteresModel[i];
   %> 
   <div class="w-col w-col-3">
        <div class="w-form">
             <input type="checkbox" id="<%=areaInteres.getcAreaInteresId()%>" data-name="checkbox" name="checkbox"  value="<%=areaInteres.getcAreaInteresId()%>" > <%=areaInteres.getcAreaInteresNombre()%>                                     
        </div>
   </div>
   <%}%>

    在 Javascript 中

    var check_interes = form_t.checkbox_t; //Array que contiene los checkbox
    var cont_t = 0; //Variable que lleva la cuenta de los checkbox pulsados    
    for (var x = 0; x < check_interes.length; x++) {
        if (check_interes[x].checked) {
            cont_t = cont_t + 1;
        }
    }

if (cont_t == 0) {
    //SINO HA SELECCIONADO
    alert("ERROR");
    return false;
} else if (cont_t > 5) {
    //SINO HA SELECCIONADO MAS DE (5 o N) OPCIONES DISPONIBLES.
    alert("ERROR");
    return false;
} 


var interes = document.forms[2];
var area_interes = "";
var i;
for (i = 0; i < interes.length; i++) {
    if (interes[i].checked) {
        //OBTENEMOS UN STRING CON TODOS LOS ID DE NUESTRO CHECKBOX
        area_interes = area_interes + interes[i].value + ",";
    }
}

    我希望它对您有所帮助，对您有所帮助，我希望我的贡献能够简明扼要。如果没有，请提出更好的解决方案，干杯！

    • 1

  2. 这可以工作

    //this es el formulario
let checked = this.querySelectorAll('input[type=checkbox]:checked');
if (checked.length == 0) {
    //SINO HA SELECCIONADO
    alert("ERROR");
    return false;
} else if (checked.length > 5) {
    //SINO HA SELECCIONADO MAS DE (5 o N) OPCIONES DISPONIBLES.
    alert("ERROR");
    return false;
} 

let area_interes = "";
for (let i = 0, length = checked.length; i < length; i++) {
    area_interes += checked[i].value + ",";             
}
    • 1