jquery怎么删除name属性值-前端问答-PHP中文网

jquery怎么删除name属性值

青灯夜游

发布： 2022-09-27 18:07:59

原创

1500人浏览过

两种方法：1、使用attr()修改name属性的值，将其设置为空字符即可，语法“$(selector).attr("name","");”。2、使用prop()修改name属性的值，将其设置为空字符即可，语法“$(selector).prop("name","");”。

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>

登录后复制