Po kliknięciu ukryj element div i usuń wymagany atrybut.

Question

Mam formularz, który może być wyświetlany na różnych stronach, a w zależności od okoliczności pola nie zawsze są wymagane.

Mam kod, aby ukryć div, ale trzeba pola wejściowe nie są już wymagane. Korzystanie z wymaganego atrybutu HTML5. Problem z uruchomieniem kodu. Kod jest poniżej:

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

Cała pomoc jest bardzo doceniana.

Okazuje się, że powyższy kod działa poprawnie, ale alternatywą odpowiedź dostępny za pomocą prop

Answer 1

spróbować użyć funkcji prop() do ustawiania właściwości 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

Usuwanie backslashy było dla mnie za mało, aby uruchomić kod z pożądanego efektu.