Khi nhấp, ẩn div và xóa thuộc tính bắt buộc

Question

Tôi có một biểu mẫu có thể xuất hiện trên các trang khác nhau và tùy theo hoàn cảnh, các trường không phải lúc nào cũng được yêu cầu.

Tôi có mã để ẩn div, nhưng cần các trường nhập không còn cần thiết nữa. Sử dụng thuộc tính Bắt buộc HTML5. Gặp sự cố khi nhận mã để hoạt động. Mã dưới đây:

$('#detailssame').click(function() { 
    if($(this).is(':checked')) { 
     $(\"#detailssamehide\").hide(); 
    } else { 
     $(\"#detailssamehide\").show(); 
    }    
}); 
$('.fullboxform input[type=text], .fullboxform select').each(function() { 
      $(this).removeAttr('required'); 
}); 

Tất cả trợ giúp đều được đánh giá cao.

Hóa ra mã ở trên không hoạt động chính xác, nhưng câu trả lời thay thế có sẵn sử dụng prop

Answer 1

Cố gắng sử dụng prop() chức năng cho thiết lập các thuộc HTML5.

$(function() { 
    $('#detailssame').click(function() { 
     var checked = $(this).is(':checked'); 
     if(checked) { 
      $("#detailssamehide").hide(); 
     } else { 
      $("#detailssamehide").show(); 
     }  
     $('.fullboxform input[type=text], .fullboxform select').each(function() { 
      $(this).prop('required', !checked); 
     }); 
    }); 
}); 

http://jsfiddle.net/ThsXU/

Answer 2

Loại bỏ các dấu xồ nguợc là đủ cho tôi để chạy mã của bạn với hiệu quả mong muốn.