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. python爬虫从入门到放弃（二）之爬虫的原理

    在上文中我们说了:爬虫就是请求网站并提取数据的自动化程序.其中请求,提取,自动化是爬虫的关键!下面我们分析爬虫的基本流程 爬虫的基本流程 发起请求通过HTTP库向目标站点发起请求,也就是发送一个Req ...

  2. HDU1035 Robot Motion

    Problem Description A robot has been programmed to follow the instructions in its path. Instructions ...

  3. 10. leetcode 226 Invert Binary Tree

    思路:递归.先将左子树反转,再将右子树反转,然后让root->left指向反转后的右子树,root->right指向反转后的左子树.

  4. git版本控制 for window安装和命令行使用

    Git 安装配置 Windows 平台上安装 在 Windows 平台上安装 Git 同样轻松,有个叫做 msysGit 的项目提供了安装包,可以到 GitHub 的页面上下载 exe 安装文件并运行 ...

  5. java自学找工作经历

    断断续续的,折腾了7个多月,学完了在网上购买的培训机构J2EE的全套课程.期间各种蛋疼看另一篇博客 http://www.cnblogs.com/work396/p/6791488.html 直接说找 ...

  6. vue-router的使用

    关于vue-router的基本使用方法    首先,需要下载vue-router npm install vue-router --save vue-router在html或组件中的展现 ``` &l ...

  7. 如何开发自己的搜索帝国之ES图形化Kibana安装与使用

    在如何开发自己的搜索帝国之Elasticsearch中已经介绍安装好了ES,下面就Kibana对ES的查询监控作介绍,就是常提到的大数据日志处理组件ELK里的K. 什么是Kibana?现引用园友的一段 ...

  8. RabbitMQ安装以及java使用(二)

    上一篇记录了rabbitmq的安装,这一篇记录一下rabbitmq的java客户端的简单使用,当然在项目中我们有更为复杂的应用场景,这里只有最简单的点对点生产者与消费者模式. 1.建立工程 首先建立一 ...

  9. Hibernate中HQL函数汇总及获取当前时间进行比较举例

    在很多时候,我们负责的项目中,在数据访问层(DAO层)通常我们会使用sql语句或者hql语句,而在我们使用hql语句拼接时有时会报错,通常的原因是:我们使用了标准的sql语句,开启的确是hiberna ...

  10. 关于MFC实时的视频处理

    最近老师,让我做一下关于视频处理方面的一个项目,在实时处理这里实在是卡住了太长时间,因为不知道如何使用多线程来进行实时检测,终于有点眉目,来写个笔记记录一下. 首先需要介绍一下关于项目的背景,做一个人 ...