如何使用 jQuery 更改 data-rules-required 的值答案

【问题标题】：How can i change the value of data-rules-required using jQuery如何使用 jQuery 更改 data-rules-required 的值
【发布时间】：2021-07-10 08:57:10
【问题描述】：

我在我的网站上使用这样的验证脚本：

<input type="text" id="Abomonatspreis" name="Abomonatspreis" form="formular" data-rules-required="true">

在某些情况下，我必须使用 jQuery 将 data-rules-required 值更改为“false”。

我试过这种方法，但没有用：

$("#Abomonatspreis").attr({data-rules-required: "false"})

有人知道吗？

谢谢英戈

【问题讨论】：

您的问题得到解答了吗？如果是，请标记正确答案。如果没有，请做出相应的评论。

标签： jquery attr

【解决方案1】：

你不需要 jQuery。这是 DOM API 的一项小任务：

document.getElementById('Abomonatspreis').dataset.rulesRequired = "false";

console.log(document.getElementById('Abomonatspreis').outerHTML);

&lt;input type="text" id="Abomonatspreis" name="Abomonatspreis" form="formular" data-rules-required="true"&gt;

您也可以使用 HTML 属性，而不是使用 dataset 对象。两者都是自动同步的，这意味着如果您更改其中一个，您也会隐式更改另一个。

document.getElementById('Abomonatspreis').setAttribute('data-rules-required', 'false');

您尝试失败的原因是您需要引用属性名称，否则部分之间的- 被视为minus 运算符。

如果你坚持使用第三方库来完成琐碎的任务，这里是 jQuery 版本：

$("#Abomonatspreis").attr({"data-rules-required": "false"})

console.log($("#Abomonatspreis")[0].outerHTML);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="Abomonatspreis" name="Abomonatspreis" form="formular" data-rules-required="true">

【讨论】：