Jquery attr 不能为 Checkbox Required 属性正常工作

Question

我尝试在复选框的单击事件上切换文本框，但效果很好。我的问题是我还想更改复选框的必需属性。

这是我的代码，它将删除必需的属性但不能切换它。

 $('#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();
});

使用此代码，复选框的属性将被删除，但不会再次应用。通过 inspect element 在 fiddle 中检查它。

这是Fiddle Link

-- 问候

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();

});

这应该有效...

Jquery attr 不能为 Checkbox Required 属性正常工作

Jquery attr not working properly for Checkbox Required attribute

html

javascript

css

checkbox

jquery