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

在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 2

尝试修改：

<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）你需要一些J在发送之前检查它：

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

Answer 3

$(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');
    }
  }); 
});

您必须首先搜索，stackoverflow中有类似的问题

disable form submit until (two) checkboxes are checked

接受Policy Privacy，然后使用jQuery启用表单提交

3 个答案: