JQuery attr не работает должным образом для флажка Обязательный атрибут

Question

Я пытаюсь переключить текстовое поле на событие clickbox, и он отлично работает. Моя проблема в том, что я также хочу изменить необходимый атрибут флажка.

Вот мой код, который удалит требуемый атрибут, но не сможет его переключить.

$('#sender_name').change(function(event){ 

    if ($('#sender_name').attr('required', 'required')) 
    { 
     $('#sender_name').removeAttr('required', 'required'); 
    } 
    else 
    { 
     $('#sender_name').attr('required', 'required'); 
    } 

    $('.sender_name_text').toggle(); 
}); 

Используя этот код, атрибут галочки будет удален, но не будет добавлен снова. проверьте его в скрипке элементом проверки.

Here Is Fiddle Link

- Regards

Answer 1

Вы должны использовать .attr метод как getter, как этот

if ($('#sender_name').attr('required') == 'required') { 
    $('#sender_name').removeAttr('required'); 
} 

Example

Answer 2

$('#sender_name').change(function(event){ 

if ($('#sender_name').attr('required')== 'required') 
{ 
    $('#sender_name').removeAttr('required'); 
} 
else 
{ 
    ($('#sender_name').attr('required')== 'required') 
} 

здесь код http://jsfiddle.net/64r1o0oq/

$('.sender_name_text').toggle(); 

});

Это должно работать ...