Question

我需要验证表格中至少一个复选框的选择。我没有使用警报，因为我已经在CSS上有一个类，如果没有填写输入，选择和其他元素，则用红色突出显示。

这是我的JS：

var btnRegister= document.querySelector('#btnRegisterRegObr');

btnRegister.addEventListener('click', function () {

    var bError= false; 
    //I am initializing this boolean variable so that it also shows an error
    //message on the screen if the user has not selected any option at all...

    var elementCheckRegObr = document.querySelector('#checkRegObr');

    if (elementCheckRegObr.checked==false){

        bError=true;    
        elementCheckRegObr.classList.add('error'); 
        //This part of the code brings the error I have 
        //previously created on CSs if the checkbox is not checked

    }
    else{
        elementCheckRegObr.classList.remove('error');
    }
});

HTML上的按钮在HTML上具有正确的ID：id =＆＃34; btnRegisterRegObr。

我在这里查看了一些代码，人们正在使用.checked == false

进行验证

然而，这对我来说似乎不起作用。

事实上，我首先想到我需要使用if（elementCheckRegObr.checked ==＆＃34;＆＃34;）的语法，但那个似乎也不起作用。

我没有验证输入，选择和单选按钮的问题，但我不确定我是否使用复选框以正确的方式执行此操作。任何帮助或建议都会非常感激：）

Answer 1

我建议您使用getElementById来获取元素，并测试是否以这种方式选中复选框：

if(document.getElementById('idOfTheCheckBox').checked){
 alert('hey, im checked!');
}

复选框验证javascript

1 个答案: