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

<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
   }