jQuery attrメソッドで属性値を取得する/追加するサンプル
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.0
構文
1.属性値を取得します。
.attr(attributeName) // 取得
2.属性体を追加します。
.attr(attributeName, value) // 追加
attrメソッドは、引数の属性名から属性値を取得します。
1つめの引数に属性を指定し、2つめの引数に属性値を指定すると属性値を追加できます。
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btnchk").click(function () { // 属性値を取得 const stra = $("#txtShow").attr("value"); // 属性値を設定 if(stra=="青"){ $("#txtShow").attr("value","東京"); }else{ $("#txtShow").attr("value","大阪"); } }); }); </script> </head> <body> <input type="text" id="txtShow" value="青" maxlength="5" disabled> <input type="button" id="btnchk" value="検証" /> </body> </html>
実行結果
「検証」ボタンを押すと、テキストボックスの値[東京]が変わります。
再度「検証」ボタンを押すと、テキストボックスの値[大阪]が変わります。