Jquery设置选中 select、radio、checkbox 默认值的例子

发布时间:2019-08-16编辑:脚本学堂
本文介绍下,如何用Jquery实现选中select、radio、checkbox的默认值,有需要的朋友,可以参考下。
代码如下(需要引入外部jquery文件,本例中为jquery-1.7.1.min.js):
   
复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>jQuery设置 select、radio、checkbox 默认选中的值_www.jb200.com</title> 
    <script language="javascript" src="jquery-1.7.1.min.js"></script> 
    </head> 
    <body> 
    <p> 
    <select id="sel" multiple="multiple" style="height:120px;"> 
        <option value="1" selected="selected">选择 1 号</option> 
        <option value="2">选择 2 号</option> 
        <option value="3">选择 3 号</option> 
        <option value="4">选择 4 号</option> 
        <option value="5">选择 5 号</option> 
    </select> 
    </p> 
    <script type="text/javascript"> 
        $("#sel").val(5); //设置单个选中的值 
        $("#sel").val([2,3]); //设置默认选中的值(多个)  radio、checkbox使用方法一样 
    </script> 
    </body> 
    </html>

效果图如下所示:
设置选中radio,checkbox,select默认值