驗證的條款和條件複選框

Question

這是我 My JSFiddle

我試圖添加一個類被點擊複選框的時候，雖然我似乎無法弄清楚如何做到這一點的方式，將適合到我已有的代碼中。

CODE：

$(this).live("change keyup", function() { 

    var checkbox = $('#termscons').prop(':checked'); 

    if (currid == "termcons") { 

       if (checkbox == 'checked') { 
        infobox.html("Accepted!"); 
        infobox.addClass('good'); 
       } else if (checkbox !== 'checked') { 
        infobox.html(replacehtml); 
        infobox.removeClass('good'); 
       } 
      } 

     if ($('#termscons').next().hasClass('good')) { 

      $("#sendbtn").css("display", "block"); 
     } else { 
      $("#sendbtn").css("display", "none"); 

     } 

Answer 1

首先，不使用live，它的棄用，改用on，例如

$(document).on('change', '#termscons', function(){ 
    if($(this).is(':checked')) { 
     // checked, so you can add class, i.e. 
     infobox.addClass('good'); 
     // other code 
    } 
    else { 
     // not checked 
     infobox.removeClass('good'); 
     // other code 
    } 
}); 

這也回答了，你怎麼可以添加/刪除class取決於checkbox的狀態。

DEMO.

Answer 2

你在做什麼試圖訪問的:checked支柱應該是checked 我複製這從一個網站 http://jquery-howto.blogspot.com/2008/12/how-to-check-if-checkbox-is-checked.html

// First way 
    $('#checkBox').attr('checked'); 
    // If using jQuery 1.6 or up use .prop() instead 
    // Learn the difference between property and an attribute 
    $('#checkBox').prop('checked'); 

    // Second way 
    $('#edit-checkbox-id').is(':checked'); 

    // Third way for jQuery 1.2 
    $("input[@type=checkbox][@checked]").each( 
     function() { 
      // Insert code here 
     } 
    ); 
    // Third way == UPDATE jQuery 1.3 
    $("input[type=checkbox][checked]").each( 
     function() { 
      // Insert code here 
     } 
    ); 

    // In his comment Andy mentions that the 3rd method 
    // does not work in Firefox 3.5.2 & jQuery 1.3.2 

我希望這能幫助:)

Answer 3

你有幾個問題。工作jsfiddle

1. 您綁定的所有文本框的焦點事件，然後，在處理程序中，您嘗試綁定到當前文本框的更改事件，期待您的複選框是文本框的一個。）
2. 你綁定到錯誤的事件的複選框。使用click。

3. 檢查prop（「：checked」）是錯誤的。改爲使用is。

   $("#termscons").click(function(){ 
         var infobox = $(this).next(); 
         var checkbox = $(this).is(':checked'); 
   
         // we use this logic to check the subject 
         if (checkbox) { 
          infobox.html("Accepted!"); 
          infobox.addClass('good'); 
         } else { 
          infobox.html(""); 
          infobox.removeClass('good'); 
         } 
   });