Al clic, nascondi div e rimuovi l'attributo richiesto

Question

Ho un modulo che può apparire su pagine diverse e, a seconda della circostanza, i campi non sono sempre richiesti.

Ho il codice per nascondere il div, ma i campi di input non sono più necessari. Utilizzando l'attributo richiesto HTML5. Hai problemi a far funzionare il codice. Il codice è qui sotto:

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

Tutto l'aiuto è molto apprezzato.

scopre il codice qui sopra funziona correttamente, ma la risposta alternativa disponibile utilizzando prop

Answer 1

tenta di utilizzare la funzione di prop() per impostare le proprietà 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

Rimozione dei backslash è stato sufficiente per me per eseguire il codice con effetto desiderato.