1

重複の可能性:
(2 つの) チェックボックスがオンになるまでフォームの送信を無効にする

フォームを送信するには、[プライバシー ポリシーに同意する] ボタンをマークする必要があります。

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

ありがとう

4

3 に答える 3

2

HTML5では、必要な属性を使用できます:(フィドル）

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

jQueryソリューションが必要な場合は、ここにあります:(フィドル）

$('#form').submit(function(event){
    event.preventDefault();
    if ( $('#accept').is(':checked') ){
        $(this).submit();
    }
    else {
        alert('You must accept the policy to continue!')
    }
})
于 2013-01-13T12:05:48.137 に答える
2

ただ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>

最新のブラウザでは動作しますが、古い（特に）場合は、送信する前に確認するためにいくつかのJが必要になります。

$(document).ready(function(){
    $("#Send").click(function(){
        if(! $("#accept").attr("checked")) {
             alert ("You must accept the Policy Privacy");
             return false;}
    })
})
于 2013-01-13T12:08:02.983 に答える
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');
    }
  }); 
});

最初に検索する必要があります。stackoverflow に同様の質問があります

(2) チェックボックスがチェックされるまでフォームの送信を無効にする

于 2013-01-13T12:01:33.067 に答える