jquery怎么删除name属性值

100 阅读 0 评论 66 点赞

我是靠谱客的博主魁梧流沙，最近开发中收集的这篇文章主要介绍jquery怎么删除name属性值，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows7系统、jquery3.6.1版本、Dell G3电脑。

HTML name属性

name主要是表单元素里才有的属性。

name 属性规定表单元素（例input）的名称。

name 属性用于对提交到服务器后的表单数据进行标识或者在客户端通过 JavaScript 引用表单数据。

注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

jquery删除name属性值

删除name属性值，可以理解为将name属性值清空，即设置为空字符。

而jquery中提供了两种设置属性值的函数：

attr()
prop()

方法1：使用attr()设置属性值

attr()语法：

//单个属性
$(selector).attr("属性名","新属性值");

//多个个属性
$(selector).attr({属性1:"新值",属性2:"新值"....});
登录后复制

示例：修改name属性的值，将其设置为空字符

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="js/jquery-3.6.1.min.js"></script>
        <script>
            $(document).ready(function() {
                $("button").click(function() {
                    $("input").attr("name","");
                });
            });
        </script>
    </head>
    <body>
        <form action="form_action.asp" method="get">
          <p>name：<input type="text" name="fullname" /></p>
          <p>email：<input type="text" name="email" /></p>
        </form>
        <button>删除name属性值</button>
    </body>
</html>
登录后复制

方法2：使用prop()设置属性值

prop()语法：

//单个属性
$(selector).prop("属性名","新值");

//多个个属性
$(selector).prop({属性1:"新值",属性2:"新值"....});
登录后复制

示例：修改name属性的值，将其设置为空字符

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="js/jquery-3.6.1.min.js"></script>
        <script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").prop("name","");
				});
			});
        </script>
    </head>
    <body>
        <form action="form_action.asp" method="get">
          name：<input type="text" name="name" /><br />
          email：<input type="text" name="email" /><br />
		  password：<input type="password" name="password" /><br />
        </form><br />
        <button>删除name属性值</button>
    </body>
</html>
登录后复制