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函数（3）：装饰器

    昨天学了很多函数方面的概念和知识其中有一个闭包的函数.很多人都对闭包的作用不是很清楚,今天我们就来认识一个新的知识点装饰器.它就是闭包函数的一个经典应用. 预习: 编写装饰器,为多个函数加上认证的功能 ...

  2. 【CSS】盒子模型 之 IE 与W3C的盒子模型对比

    摘要 主要看这两种盒子模型的优缺点及适用场景 一.区别 标准 W3C 盒子模型的 content 部分不包含其他部分. IE 盒子模型的 content 部分包含了 border 和 padding. ...

  3. hive配置过程中出现的一个问题

    执行hive里面的insert语句的时候,报错,执行失败查看hadoop的日志文件之后发现错误的详细信息如下: 把hdfs-site.xml中的hadoop.tmp.dir这个属性添加到core-si ...

  4. jquery validate bootstrap 错误样式配置

    $().ready(function () { $("#commentForm").validate({ errorPlacement: function (error, elem ...

  5. [补档]暑假集训D4总结

    考试 爆零了,不开心,打了两道自己以为是正解的东西,打了两道样例骗分,结果发现并没有给样例分= =,自己以为的正解也打挂了,所以就很= = 但是没办法啊,自己弱也不能怪谁,考试这东西有时候也很玄学. ...

  6. POJ3614 Sunscreen 优先队列+贪心

    Description To avoid unsightly burns while tanning, each of the C (1 ≤ C ≤ 2500) cows must cover her ...

  7. S2-032代码执行

    Struts 2是Struts的下一代产品,是在 struts 1和WebWork的技术基础上进行了合并的全新的Struts 2框架.其全新的Struts 2的体系结构与Struts 1的体系结构差别 ...

  8. overlay 是如何隔离的？- 每天5分钟玩转 Docker 容器技术（53）

    不同的 overlay 网络是相互隔离的.我们创建第二个 overlay 网络 ov_net2 并运行容器 bbox3. bbox3 分配到的 IP 是 10.0.1.2,尝试 ping bbox1( ...

  9. 点击文字选中radio

    <html><body><form action="" name="form1" method="post"& ...

  10. 巧妙利用JS中的自定义函数——化繁为简，提高效率

    利用自定义函数编写年月日时间表: (复杂写法)如下: <body>                <select id="year" size="1&q ...