zoukankan      html  css  js  c++  java
  • 使用val()方法设置表单中的默认选中项

    有时候我们展示给用户的表单中的checkbox,radio,selec等标签的一些项是默认选中的。比方:当用户改动文章的时候,假设相应的栏目为下拉框的话,那么它的默认选中值应该是原来的栏目位置。

    能够使用jquery中的val()方法给select、checkbox、radio设置默认选中项。

    对于multiple类型的select和checkbox还能够设置多个默认值。

    效果图:


    方法:

    	$("select#multiple").val(["选择2号","选择4号"]);
    

    完整代码:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>jquery test</title>
    <script src="jquery-1.11.1.min.js"></script>
    <style type="text/css">
    	div
    	{
    		margin-top:50px;
    		margin-left:100px; 
    	}
    </style>
    </head>
    
    <body>
    <div>
    <select id="single">
    	<option value="选择1号">选择1号</option>
    	<option value="选择2号">选择2号</option>
    	<option value="选择3号">选择3号</option>
    	<option value="选择4号">选择4号</option>	
    </select>
    </div>
    <div>
    <select id="multiple" multiple="multiple" style="height:120px;">
    	<option value="选择1号">选择1号</option>
    	<option value="选择2号">选择2号</option>
    	<option value="选择3号">选择3号</option>
    	<option value="选择4号">选择4号</option>	
    </select>
    </div>
    <div>
    <input type="checkbox" value="check1"/>多选1
    <input type="checkbox" value="check2"/>多选2
    <input type="checkbox" value="check3"/>多选3
    <input type="checkbox" value="check4"/>多选4
    </div>
    <div>
    <input type="radio" value="radio1">单选1
    <input type="radio" value="radio2">单选2
    <input type="radio" value="radio3">单选3
    <input type="radio" value="radio4">单选4
    </div>
    </body>
    <script type="text/javascript">
    	$("select#single").val(["选择4号"]);
    	$("select#multiple").val(["选择2号","选择4号"]);
    	$(":checkbox").val(["check1","check3"]);
    	$(":radio").val(["radio4"]);
    </script>
    </html>
    


  • 相关阅读:
    MVC WebApi的两种访问方法
    MVC CRUD 的两种方法
    MVC EF 导航属性
    MVC EF两种查询方法
    MVC WebApi
    POJ 1511 Invitation Cards ( 双向单源最短路 || 最小来回花费 )
    POJ 2502 Subway ( 最短路 && 最短路建图 )
    POJ 3660 Cow Contest ( 最短路松弛思想应用 && Floyd求传递闭包 )
    POJ 1502 MPI MaeIstrom ( 裸最短路 || atoi系统函数 )
    POJ 3259 Wormholes ( SPFA判断负环 && 思维 )
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/3789939.html
Copyright © 2011-2022 走看看