Attributes/API/jQuery
val(val)
全ての要素のvalue属性を返す。
jQuery1.2では、selectボックスにも値をセットできるようになった。
jQuery1.2では、selectボックスにも値をセットできるようになった。
- val
- Stringセットする値
引数
戻り値
jQuery
jQueryオブジェクト
サンプル
サンプル1
押されたボタンのテキストを、入力ボックスのvalueとしてセットする。
<div> <button>Feed</button> <button>the</button> <button>Input</button> </div> <input type="text" value="click a button" />
$("button").click(function () {
var text = $(this).text();
$("input").val(text);
});
[全コードを表示]
[実行結果を単体で表示]
サンプル2
selectや複数選択select、checkbox、radioの値をセットする。
<select id="single"> <option>Single</option> <option>Single2</option> </select> <select id="multiple" multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select><br/> <input type="checkbox" value="check1"/> check1 <input type="checkbox" value="check2"/> check2 <input type="radio" name="r" value="radio1"/> radio1 <input type="radio" name="r" value="radio2"/> radio2
$("#single").val("Single2");
$("#multiple").val(["Multiple2", "Multiple3"]);
$("input").val(["check2", "radio1"]);
[全コードを表示]
[実行結果を単体で表示]