2015-04-02 3 views
1

Мне нужно проверить выбор хотя бы одного флажка на столе. Я не использую предупреждение, потому что у меня уже есть класс в CSS, который выделяет красным входы, выбирает и другие элементы, если они не заполняются.checkbox проверка javascript

Это мой 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 = "btnRegisterRegObr

Я смотрел на некоторые коды здесь и люди проверки с помощью. .Checked == ложь

Однако это не похоже на работу для шахты.

в самом деле, я сначала подумал, что мне нужно использовать синтаксис, если (elementChe ckRegObr.checked == ""), но это тоже не работает.

У меня нет проблем с проверкой входов, выбора или переключателей, но я не уверен, правильно ли я делаю это с помощью флажков. Любая помощь или советы будут apprecciate это :)

+1

вы могли бы сделать скрипку из этого? https://jsfiddle.net/ –

+0

Что вы подразумеваете под скрипкой? –

ответ

0

Я предлагаю вам использовать getElementById, чтобы получить свои элементы, и тест, если флажок установлен таким образом:

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

Привет, спасибо за помощь! Я только что проверил, как вы только что проинструктировали, и это, кажется, работает нормально. Теперь, если я хочу показать ошибку, когда флажки не отмечены, я использовал один и тот же синтаксис, но добавив следующее: .... ('idOfTheCheckBox'). Checked == false), и это тоже кажется прекрасным :) Моя проблема заключается в том, что единственный способ работы с предупреждающим сообщением, но когда я добавляю ошибку, которую я имею в CSS, ничего не меняется. Это то, что я имею в CSS для класса ошибок: .error { border: 1px solid # c0392b; } –

Смежные вопросы