Проблема в коде js — хочу заблокировать кнопку и после нажатия на checkbox разблокировать, как правильно сделать?

Question

[site-2017]

<div id="form">
           	<form>
				<button class="btn btn-line"><a href="#"   target="_blank"  >
				<p type="submit" name="submit" disabled>
					 вступить в  club
				</p>
				</a>
				</button>
				<div class="checkbox" >
					<label><p><input type='checkbox' name="agree" id='cb'  onclick="agreeForm(this.form)"/>после обработки данных с Вами свяжутся
					</p>
					</label>
				</div>	
					<div class="TextCheckbox">
						<a href="" target="_blank"> правила</a>
					</div>
			</form>
		    </div>

function agreeForm(f) {
    // Если поставлен флажок, снимаем блокирование кнопки
    if (f.agree.checked) f.submit.disabled = 0 
    // В противном случае вновь блокируем кнопку
    else f.submit.disabled = 1
   }

ПОЧЕМУ НЕ РАБОТАЕТ НОРМАЛЬНО??((( кнопка блокируется, но после нажатия на галку блокировка не снимается

Comments

[Иван]

Потому что это плохой код :)

[site-2017]

Иван, а как тут правильно сделать? Подскажите пожалуйста!!

Answer 1

[Stalker_RED]

Вы навешивали свойство disabled на <p>
Ну и атрибута onclick лучше избегать.

document.querySelector('#cb').addEventListener('change', function(){
  this.form.querySelector('.btnSubmit').disabled = !this.checked
})

https://jsfiddle.net/fc3psps6/

Answer 2

[Александр]

Какой onclick? https://developer.mozilla.org/en-US/docs/Web/Event...