接受政策隱私權然後啓用形式使用jQuery

Question

提交可能重複：
disable form submit until (two) checkboxes are checked

這應該是強制性的標記按鈕「我接受隱私政策」提交表單。

<form id="form" action=""> 
    <label for="accept">Accept Policy Privacy</label> 
    <input id="accept" type="checkbox" > 
    <input type="submit" id="Send" value="Send" > 
</form> 

感謝

Answer 1

$(function(){ 
    $('input#send', this).attr('disabled', 'disabled'); 
    $('input#accept').click(function(){ 
    var disabled=$('input#send').attr('disabled'); 
    if(disabled) { 
     $('input#send').attr('disabled', false); 
    }else{ 
     $('input#send').attr('disabled', 'disabled'); 
    } 
    }); 
}); 

您必須先搜索，也有計算器類似的問題

disable form submit until (two) checkboxes are checked

Answer 2

在HTML5中，你可以使用所需的屬性：(fiddle)

<input id="accept" type="checkbox" required> 

如果你想要一個jQuery的解決方案，在這裏：(fiddle)

$('#form').submit(function(event){ 
    event.preventDefault(); 
    if ($('#accept').is(':checked')){ 
     $(this).submit(); 
    } 
    else { 
     alert('You must accept the policy to continue!') 
    } 
}) 

Answer 3

嘗試只是爲了modyfi：

<form id="form" action=""> 
    <label for="accept">Accept Policy Privacy</label> 
    <input id="accept" type="checkbox" required="required" aria-required="true"> 
    <input type="submit" id="Send" value="Send" > 
</form> 

它將在現代瀏覽器的工作，但對老年人（尤其是IE），您將需要部分JS發送前檢查：

$(document).ready(function(){ 
    $("#Send").click(function(){ 
     if(! $("#accept").attr("checked")) { 
      alert ("You must accept the Policy Privacy"); 
      return false;} 
    }) 
})