（2つの）チェックボックスがチェックされるまで、フォーム提出を無効にする

Question

フォームがあり、フォームが壊れてしまう前に2つのチェックボックスがあります。

1. プライバシー
2. の条件。

私がしたいことは、両方のチェックボックスがオンになるまで[送信]ボタンを無効にすることです。

これらのHTMLは次のとおりです。

<label class="s_radio"><input type="checkbox" class="required" id="terms"/> <a class="s_main_color" href="/terms">Terms</a></label> 
<label class="s_radio"><input type="checkbox" class="required" id="privacy"/> <a class="s_main_color" href="/privacy">Privacy Policy</a></label> 

これらの検証のためのJS（ただし作業ではありません）

if(terms == "") $('#terms').css({"outline-color":"#F12B63"}); 
if(privacy == "") $('#privacy').css({"outline-color":"#F12B63"}); 

Answer 1

はこれを試してみてください：

HTML

<label class="s_radio"><input type="checkbox" class="required" id="terms"/> <a class="s_main_color" href="/terms">Terms</a></label> 

<label class="s_radio"><input type="checkbox" class="required" id="privacy"/> <a class="s_main_color" href="/privacy">Privacy Policy</a></label> 

Javascript

$(document).ready(function(){ 
$('input[type="submit"]').attr('disabled','disabled'); 
$("#privacy").click(function(){ 
    if($(this).is(':checked') && $("#terms").is(':checked')) { 
      $('input[type="submit"]').removeAttr('disabled'); 
     } else { 
      $('input[type="submit"]').attr('disabled','disabled'); 
     } 
    }); 
$("#terms").click(function(){ 
    if($(this).is(':checked') && $("#privacy").is(':checked')) { 
      $('input[type="submit"]').removeAttr('disabled'); 
     } else { 
      $('input[type="submit"]').attr('disabled','disabled'); 
     } 
    }); 
}); 

私はそれが完璧だと約束することはできませんが、私はそれが動作し、もしてはならない、それは間違いなく正しい軌道に乗ってあなたを配置しますかなり確信しています。

希望すると便利です。

EDIT：ユーザーの特定のボタンについては

：

<button class="s_button_1 s_main_color_bgr" id="buttonsend" name="submit" value="submit" disabled="disabled"><span class="s_text">Create Account</span></button> 

$(document).ready(function(){ 
$("#privacy").click(function(){ 
    if($(this).is(':checked') && $("#terms").is(':checked')) { 
      $('#buttonsend').removeAttr('disabled'); 
    } else { 
     $('#buttonsend').attr('disabled','disabled'); 
    } 
    }); 
$("#terms").click(function(){ 
    if($(this).is(':checked') && $("#privacy").is(':checked')) { 
      $('#buttonsend').removeAttr('disabled'); 
     } else { 
      $('#buttonsend').attr('disabled','disabled'); 
    } 
    }); 
    }); 

Answer 2

ジェシーは良い解決策を持っています。重複を避けるもう少し簡潔な解決策を考えてみましょう（誰かが夢中になり、さらにチェックボックスを追加することを決めた場合）、次のようにしてください：

$(function() { 
    $('input.required').click(function() { 
     var unchecked = $('input.required:not(:checked)').length; 
     if (unchecked == 0) { 
      $('#submitBtn').removeAttr('disabled'); 
     } 
     else { 
      $('#submitBtn').attr('disabled', 'disabled'); 
     } 
    }); 
});