主题:
3024-night
ambiance-mobile
ambiance
base16-dark
blackboard
cobalt
eclipse
erlang-dark
lesser-dark
mbo
mdn-like
midnight
monokai
neat
neo
night
paraiso-dark
pastel-on-dark
rubyblue
solarized
the-matrix
tomorrow-night-eighties
vibrant-ink
新窗口
视图:
左侧面板
HTML
CSS
JS
预览
F11(全屏显示选中的编辑器)
查看更多帮助信息
相关文章:
jQuery.val() 函数详解
代码类型:
默认(HTML/CSS/JS)
HTML混合(单页)
PHP
Java
C#
C++
C
SQL
杂项:
启用CSS/JS语法检查
监测脚本运行错误
禁止库文件重复
文档类型:
HTML5
HTML 4.01 Strict
HTML 4.01 Transitional
HTML 4.01 Frameset
XHTML 1.0 Strict
XHTML 1.0 Transitional
XHTML 1.0 Frameset
无
JS库文件:
无
jQuery 1.11.1
jQuery 2.1.1
jQuery 1.10.2
jQuery 1.9.1
jQuery 1.8.3
jQuery 1.7.2
jQuery 1.6.4
jQuery 1.5.2
jQuery 1.4.4
jQuery 1.3.2
jQuery 1.2.6
手动添加:
jQuery 1.11.1
<form id="n1" name="myForm" method="post"> <input id="n2" class="normal" name="username" type="text" ><br> <input id="n3" class="normal" name="password" type="password" value="123456" ><br> <input id="n4" class="normal" name="user_id" type="hidden" value="1" ><br> <input id="n5" name="uid" type="checkbox" value="12" >12 <input id="n6" name="uid" type="checkbox" checked="checked" value="13" >13 <input id="n7" name="uid" type="checkbox" checked="checked" value="14" >14<br> <input id="n8" name="gender" type="radio" checked="checked" value="men" >男 <input id="n9" name="gender" type="radio" value="women" >女<br> <textarea id="n10" name="content" rows="3" cols="80">此处是内容</textarea><br> <select id="n11" name="answer"> <option value="A">选项A</option> <option value="B" selected="selected">选项B</option> <option value="C">选项C</option> <option value="D">选项D</option> </select><br> <select id="n12" name="multiAnswer" multiple="multiple"> <option value="A">A</option> <option value="B">B</option> <option value="C" selected="selected">C</option> <option value="D" selected="selected">D</option> </select><br> </form>
//在当前页面内追加换行标签和指定的HTML内容 function w( html ){ $(document.body).append("<br/>" + html); } var $n2 = $("#n2"); w( $n2.val() ); // (空字符串) // 设置n2的value为"CodePlayer" $n2.val("CodePlayer"); var $n3 = $("#n3"); w( $n3.val() ); // 123456 // 设置n3的value为"" $n3.val(""); // 将含有类名normal的所有input元素的value设为"123" $("input.normal").val( "123" ); w( $n2.val() ); // 123 w( $n3.val() ); // 123 w( $("#n4").val() ); // 123 var $checkedUid = $("[name=uid]:checked"); // 虽然匹配的元素有n6、n7两个,但只会获取第一个匹配元素的值 w( $checkedUid.val() ); // 13 var $checkedGender = $("[name=gender]:checked"); w( $checkedGender.val() ); // men // 如果单选按钮的value为"men"和"women",将其改为"男"和"女" $(":radio").val( function(index, currentValue){ // 函数内的this指向当前迭代的DOM元素 if( currentValue == "men"){ return "男"; }else if( currentValue == "women"){ return "女"; }else { // 其他值不变 return currentValue; } }); var $n9 = $("#n10"); w( $n9.val() ); // 此处是内容 $n9.val("新的内容"); var $n10 = $("#n11"); w( $n10.val() ); // B // 将单选的选择框的选中项改为value为C的option $n10.val("C"); var $n11 = $("#n12"); w( $n11.val() ); // C,D // 将多选的选择框的选中项改为value分别为A、B、C的3个option $n11.val( ["A", "B", "C"] );