使用JavaScript在HTML中动态添加和删除必需的标记

Adding and Removing Required Tag Dynamically in HTML using JavaScript?

本文关键字：删除 添加 JavaScript HTML 动态 使用      更新时间：2023-09-26

我有一个有很多值的选择选项，我需要根据选择选项值切换一个需要或不需要的字段，尝试了所有可能的解决方案，如：

$(document).ready(function () {
});
function toggleFields(sel) {
 var valuee = sel.value;  
 alert (valuee);

 if (valuee < 7){

    //$("#comment").setAttribute("required",""); 
    alert("Removed");
    $('#comment').required = false;                //Correct
    $('#comment').removeAttribute("required");     //Correct
}
else{
    $('#comment').required = true;                       //Correct
    $('#comment').setAttribute("required", ""); 
    alert("Set");
}

}

在这个fiddle 中可以找到一个运行示例

Fiddle Link低于

您的jQuery代码应该在$(document).ready(function () { /*your code here */ }内，而不是在它下面。

EDIT：或者应该设置为在加载jquery之前不调用任何jquery代码。您可能希望删除内联函数，并在脚本中设置一个事件处理程序

此外，什么是$('comment')？它应该是一个选择器，例如$('#comment')或一个元素，例如$('div')。

编辑：https://jsfiddle.net/tjwoo1y7/11/

 $('#comment').attr("required", false);
 $('#comment').attr("required", true);
相关文章：