jquery 属性 val()
val()返回匹配元素集合中第一个元素value的属性值。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><script src="http://code.jquery.com/jquery-latest.js"></script> <script>$(document).ready(function(){ function displayVals() { var singleValues = $("#single").val(); var multipleValues = $("#multiple").val() || []; $("p").html("<b>Single:</b> " + singleValues + " <b>Multiple:</b> " + multipleValues.join(", ")); } $("select").change(displayVals); displayVals();});</script><style>p { color:red; margin:4px; }b { color:blue; }</style></head><body><p></p><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></body></html>
var singleValues = $("#single").val();
var multipleValues = $("#multiple").val() || [];
将返回匹配id为‘single’和‘multiple’元素中的value数值。然后将返回值放入p元素中显示
val(val)
对匹配元素集合中每一个元素的value属性值注入‘val’
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><script src="http://code.jquery.com/jquery-latest.js"></script> <script>$(document).ready(function(){ $("button").click(function () { var text = $(this).text(); $("input").val(text); });});</script><style>button { margin:4px; cursor:pointer; }input { margin:4px; color:blue; }</style></head><body><div> <button>Feed</button> <button>the</button> <button>Input</button></div><input type="text" value="click a button" /></body></html>
$("input").val(text);
对匹配的input元素集合中每一个input元素的value值都注入‘text’。
另附例子2：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><script src="http://code.jquery.com/jquery-latest.js"></script> <script>$(document).ready(function(){ $("#single").val("Single2"); $("#multiple").val(["Multiple2", "Multiple3"]); $("input").val(["check1","check2", "radio1" ]);});</script><style>body { color:blue; }</style></head><body><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" name="checkboxname" value="check1"/> check1<input type="checkbox" name="checkboxname" value="check2"/> check2<input type="radio"name="r" value="radio1"/> radio1<input type="radio"name="r" value="radio2"/> radio2</body></html>
页:
[1]