jqueryでname属性値を削除する方法-フロントエンドQ&A-php.cn

jqueryでname属性値を削除する方法

青灯夜游

リリース： 2022-09-27 18:07:59

オリジナル

1754 人が閲覧しました

2 つの方法: 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 は、属性値を設定するための 2 つの関数を提供します:

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>

ログイン後にコピー

jqueryでname属性値を削除する方法

方法 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>

ログイン後にコピー

jqueryでname属性値を削除する方法