删除jQuery所需的attr

Question

can I remove the attr required from input field warranty_duration when I check the checkbox livelongwarranty

years warrenty<label id="warrantyDurationlabel"><input name="warranty_duration" type="number" placeholder="aantal jaren garantie" min="1" size="25" required /></label>
  levenlang<label id="livelongwarranty"><input name="livelong_warranty" type="checkbox" onclick="js/warrantyrequired.js" /></label>

I have the following jquery:

$('#livelong_warranty').change(function () {
if($(this).is(':checked') {
    $('#warranty_duration').removeAttr('required');
} else {
    $('#warranty_duration').attr('required');
}});

Answer 1

I had to add id attributes to your inputs because they had no ID's (you can search for names, but I don't think that's what you want). Name is used primarily for post/get data sent via an HTML/PHP form and id is used to reference, style, and further more JavaScript an element.

 $('#livelong_warranty').on('change', function () { $('#warranty_duration').attr('required',$('#livelong_warranty').is(":checked")); console.log($('#warranty_duration').attr('required')); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> years warrenty<label id="warrantyDurationlabel"><input name="warranty_duration" id="warranty_duration" type="number" placeholder="aantal jaren garantie" min="1" size="25" required /></label> levenlang<label id="livelongwarranty"><input name="livelong_warranty" id="livelong_warranty" type="checkbox" /></label>