select下拉列表的选中方法是：$("slect option:eq(1)").attr("selected",true);//选中第二个option

chekbox的选中方法：$("[value=check1"]:checkbox).attr("checked",true);

radio的选中方法：$("[value=radio2"]:radio).attr("checked",true);

以上是简写，重要的是看代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>3-10-4</title>

<style type="text/css">

.test{

 font-weight:bold;

 color : red;

}

.add{

 font-style:italic;

}

</style>

 <!--   引入jQuery -->

 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>

 <script type="text/javascript">

 //<![CDATA[

  $(function(){

      //设置单选下拉框选中

      $("input:eq(0)").click(function(){

            $("#single option").removeAttr("selected");  //移除属性selected

            $("#single option:eq(1)").attr("selected",true); //设置属性selected

      });

      //设置多选下拉框选中

      $("input:eq(1)").click(function(){

            $("#multiple option").removeAttr("selected");  //移除属性selected

            $("#multiple option:eq(2)").attr("selected",true);//设置属性selected

            $("#multiple option:eq(3)").attr("selected",true);//设置属性selected

      });

      //设置单选框和多选框选中

      $("input:eq(2)").click(function(){

            $(":checkbox").removeAttr("checked"); //移除属性checked

            $(":radio").removeAttr("checked"); //移除属性checked

            $("[value=check2]:checkbox").attr("checked",true);//设置属性checked

            $("[value=check3]:checkbox").attr("checked",true);//设置属性checked

            $("[value=radio2]:radio").attr("checked",true);//设置属性checked

      });

  });

  //]]>

  </script>

</head>

<body>

    <input type="button" value="设置单选下拉框选中"/>

    <input type="button" value="设置多选下拉框选中"/>

    <input type="button" value="设置单选框和多选框选中"/>

<br/><br/>

<select id="single">

  <option>选择1号</option>

  <option>选择2号</option>

  <option>选择3号</option>

</select>

<select id="multiple" multiple="multiple" style="height:120px;">

  <option selected="selected">选择1号</option>

  <option>选择2号</option>

  <option>选择3号</option>

  <option>选择4号</option>

  <option selected="selected">选择5号</option>

</select>

<br/><br/>

<input type="checkbox" value="check1"/> 多选1

<input type="checkbox" value="check2"/> 多选2

<input type="checkbox" value="check3"/> 多选3

<input type="checkbox" value="check4"/> 多选4

<br/>

<input type="radio" value="radio1" name="a"/> 单选1

<input type="radio" value="radio2" name="a"/> 单选2

<input type="radio" value="radio3" name="a"/> 单选3

</body>

</html>

各种选择框jQuery的选中方法的更多相关文章

  1. iiview Select 选择框打勾选中的内容label和展示的不一致

    Select选择框里加入了OptionGroup.option ; 以及input输入框支持模糊搜索: 不一致的原因:缺少  :label-in-value="true";官方文档 ...

  2. checkbox选择框如果被选中value值就可以传过去,没有被选中value就不能穿过去(调试了近一天，坑爹的说)

    因为要适合各种分辨率,所以将原来的单选按钮radio换成单个的checkbox

  3. Java知多少（87）选择框和单选按钮（转）

    选择框.单选框和单选按钮都是选择组件,选择组件有两种状态,一种是选中(on),另一种是未选中(off),它们提供一种简单的 “on/off”选择功能,让用户在一组选择项目中作选择. 选择框 选择框(J ...

  4. Javascript高级编程学习笔记（79）—— 表单（7）选择框脚本

    选择框脚本 选择框由<option>和<select>元素创建,为了方便选择框的交互,除了提供表单字段的公有方法之外 HTMLSelectElement 类型还提供下列特有的属 ...

  5. Java知多少（87）选择框和单选按钮

    选择框.单选框和单选按钮都是选择组件,选择组件有两种状态,一种是选中(on),另一种是未选中(off),它们提供一种简单的 “on/off”选择功能,让用户在一组选择项目中作选择. 选择框 选择框(J ...

  6. 十. 图形界面(GUI)设计8.选择框和单选按钮

    选择框.单选框和单选按钮都是选择组件,选择组件有两种状态,一种是选中(on),另一种是未选中(off),它们提供一种简单的 “on/off”选择功能,让用户在一组选择项目中作选择. 选择框 选择框(J ...

  7. 用jquery修改默认的单选框radio或者复选框checkbox选择框样式

    默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...

  8. jquery关于checkbox复选框是否被选中的问题

    本人在项目中需要用到,判断哪些复选框被用户选中.自然而然想到用 if($('').attr('checked') == true) 但是不管有没有选,$('').attr('checked')返回的都 ...

  9. 使select文本框可编辑可选择（jQuery插件）

    最近做项目中用到了这个插件,正好分享下. 1.  需要用的js包点击下载,在项目中引入该js. <script src="${pageContext.request.contextPa ...

随机推荐

  1. Hibernate一对多实例

    本文向大家介绍Hibernate实例一对多的情况,可能好多人还不了解Hibernate实例一对多,没有关系,下面通过一个实例来帮助您理解Hibernate实例一对多,希望本文能教会你更多东西. 先看由 ...

  2. 管理 Machine - 每天5分钟玩转 Docker 容器技术（47）

    用 docker-machine 创建 machine 的过程很简洁,非常适合多主机环境.除此之外,Docker Machine 也提供了一些子命令方便对 machine 进行管理.其中最常用的就是无 ...

  3. Infer - 文件说明

    Infer - 文件说明 Infer - bin目录下的文件 主要命令 文件名 意义 infer 运行infer,python脚本.可以看详细的说明文档了解使用细节 inferTest 执行测试,sh ...

  4. 用Python识别网站使用的技术

    在进行爬虫之前,一般我们都会对要爬取的网站进行识别,识别我们要爬取的网站所使用到的技术,这样才能更有利于我们爬虫工作的进行.所以在此介绍以下如何用Python去识别一个网站所使用到的技术. 环境:Py ...

  5. 【Lab】Python改bat文件

    [Lab]Python改bat文件 给出一个特定的树形结构,每一层的数字依次递增后,按照从上到下,同时从左到右这样的顺序生成.这么说还是不太明白,比如下面这个简单的树形结构. 按照顺序应该写成这样[3 ...

  6. pick定理详解

    一.概念 假设P的内部有I(P)个格点,边界上有B(P)个格点,则P的面积A(P)为:A(P)=I(P)+B(P)/2-1. 二.说明 Pick定理主要是计算格点多边形(定点全是格点的不自交图形)P的 ...

  7. css3鼠标悬停图片抖动效果

    提供一个参考的链接 http://demo.lanrenzhijia.com/2015/pic0113/

  8. 纯JS实现像素逐渐显示

    就是对于新手的我,以前从来没有做过对像素进行操作的实例.于是把资料书找了出来,实现了这个功能,比较简单,大神勿喷.下面是效果图,因为重在思路,效果就简陋一些. 其实就是简单的用JS实现将左上角的矩形随 ...

  9. vue指令v-bind示例解析

    1.绑定一个属性 <img id="app" v-bind:src="imageSrc"> <script> var app = Vue ...

  10. 安徽省2016“京胜杯”程序设计大赛_A_砝码称重

    砝码称重 Time Limit: 1000 MS Memory Limit: 65536 KB Total Submissions: 61 Accepted: 37 Description 小明非常喜 ...