使用 jQuery 删除 html5 必需的属性答案

【问题标题】：Removing html5 required attribute with jQuery使用 jQuery 删除 html5 必需的属性
【发布时间】：2012-12-19 11:24:52
【问题描述】：

您好，我想用 jquery 删除 'required=""' 属性。

<input 
   type="text" 
   id="edit-submitted-first-name" 
   name="submitted[first_name]" 
   value="" 
   size="30" 
   maxlength="128" 
   required=""
>

【问题讨论】：

标签： jquery attributes

【解决方案1】：

只是：

$('#edit-submitted-first-name').removeAttr('required');

如果您有兴趣进一步阅读，请查看here。

【讨论】：

【解决方案2】：

如果要设置必填为true

$(document).ready(function(){
$('#edit-submitted-first-name').prop('required',true);
});

如果你想设置为false

$(document).ready(function(){
$('#edit-submitted-first-name').prop('required',false);
});

【讨论】：

最好的方法。我尝试了其他解决方案，但这个解决方案对我有很大帮助。谢谢

【解决方案3】：

使用 Javascript：

document.querySelector('#edit-submitted-first-name').required = false;

More Info Here

使用 jQuery：

$('#edit-submitted-first-name').removeAttr('required');

More Info Here

【讨论】：

jQuery 会为您处理此类检查，因此您不必在尝试删除属性之前明确检查属性是否存在。

【解决方案4】：

$('#id').removeAttr('required');

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：

【解决方案5】：

虽然 ID 选择器是最简单的，但您也可以使用如下的名称选择器：

$('[name='submitted[first_name]']').removeAttr('required');

【讨论】：