プロパティ値を設定/取得するには、.prop()を使用します。
構文
- (プロパティ値を取得する構文)
- var a = prop('<プロパティ名>')
- (プロパティ値を設定する構文)
- prop('<プロパティ名>', '<値>')
サンプルソース
例)ボタンを押すとチェックボックスの状態を設定/取得する
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>propサンプル</title> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(function(){ $('#btn1').click(function(){ //プロパティ値を取得する var a = $('#chk1').prop('checked'); alert(a); }); $('#btn2').click(function(){ //プロパティ値をセットする $('#chk1').prop('checked', 'true'); alert('セットしました'); }); }); </script> </head> <body> <input type="checkbox" id="chk1"><br> <input type="button" id="btn1" value="プロパティ値を取得する"> <input type="button" id="btn2" value="プロパティ値を設定する"> </body> </html> |
実行サンプル
ボタンを押すと、チェックボックスの状態を設定したり取得したりします。