`

jquery选中单选框、复选框、下拉框

阅读更多
转载自    jquery1.3中文参考    http://jquery-api-zh-cn.googlecode.com/svn/trunk/xml/jqueryapi.xml
对单选框、复选框的选中有增强
HTML 代码:
select id="single">
  <option>Single</option>
  <option>Single2</option>
</select>

<select id="multiple" multiple="multiple">
  <option>Multiple</option>
  <option>Multiple2</option>
  <option>Multiple3</option>
</select>

<input type="checkbox" name="c" value="check1"/> check1
<input type="checkbox" name="c" value="check2"/> check2

<input type="radio" name="r" value="radio1"/> radio1
<input type="radio" name="r" value="radio2"/> radio2
 
jQuery 代码:
$("#single").val("Single2");
$("#multiple").val(["Multiple2", "Multiple3"]);
$("input[name='c']").val(["check2"]);
$("input[name='r']").val(["radio1"]);
分享到:
评论
1 楼 yongtree 2012-04-24  
也太不全了啊,js呢

相关推荐

    jquery 绑定单选框、复选框、下拉框

    本篇文章将详细讲解如何使用jQuery来绑定单选框(radio buttons)、复选框(checkboxes)和下拉框(dropdowns),以便在网页中实现动态交互和数据验证。 首先,让我们了解这三种元素的基本概念: 1. **单选框...

    文本框 单选框 复选框 下拉框

    在IT界,尤其是在网页设计和开发领域,"文本框、单选框、复选框和下拉框"是构建用户界面(UI)时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式,用于输入数据、做出选择或执行特定操作。让我们...

    jquery 复选框组件

    jQuery UI提供了一套完整的UI元素样式,包括自定义的复选框和单选按钮。 #### jQuery UI Multiselect 插件 jQuery UI Multiselect是jQuery UI的一个扩展,它将传统的多选框转变为可配置的下拉列表,提升了用户体验...

    jQuery分别获取选中的复选框值

    对于单选按钮(radio),jQuery的用法与复选框类似。可以使用`$("input[type='radio']:checked")`来选取选中的单选按钮,然后获取其值: ```javascript // 获取选中的单选按钮值 var selectedRadioValue = $("input...

    js和jquery分别验证单选框、复选框、下拉框

    复选框(checkbox)验证的原理与单选框类似。通常情况下,复选框不需要特殊验证,因为用户可以同时选择多个选项。如果需要确保用户至少选择了一个复选框,可以使用类似的逻辑,判断复选框的`checked`属性。在代码...

    ztree节点后面复选下拉框

    在标题中提到的"ztree节点后面复选下拉框"是指在ZTree的每个节点后添加了一个复选框和下拉菜单,这在数据展示和操作上提供了更多交互性。 在描述中,提到了"组合功能演示-radio_checkbox_mulitselect 共存节点",这...

    jQuery获取(选中)单选,复选框,下拉框中的值

    本文将详细介绍如何利用jQuery来获取单选按钮、复选框以及下拉框中的值。 首先,我们需要了解jQuery中如何选择和操作这些表单元素。在jQuery中,选择器扮演着至关重要的角色,它可以帮助我们快速定位到页面上的元素...

    jsp+js带单选复选框的动态树

    在这个应用场景中,用户可以进行选择操作,通过单选框或复选框来标记或筛选树中的节点。 **JSP(Java Server Pages)** 是一种服务器端的脚本语言,用于生成动态Web内容。在JSP中,HTML、CSS和JavaScript代码与Java...

    jquery 多选下拉框实例

    在这个"jQuery 多选下拉框实例"中,我们关注的是如何在HTML的下拉选择框(`&lt;select&gt;`元素)中实现多选功能,并且每个选项前都有一个复选框供用户进行选择。 1. **多选下拉框基础**: - 在HTML中,`&lt;select&gt;`元素...

    jQuery对下拉框,单选框,多选框的操作

    jQuery是一种快速、小巧、功能丰富的JavaScript库,它通过简化HTML文档遍历、...以上就是使用jQuery进行下拉框、单选框和复选框操作的基本知识点。熟练掌握这些操作,可以让我们在开发动态网站时更加高效和有创造性。

    jquery 多选下拉框

    然而,通过结合使用jQuery库,我们可以实现具有复选框功能的多选下拉框,这为用户提供更直观的选择体验。 ### jQuery简介 jQuery是一个轻量级、高性能的JavaScript库,简化了DOM操作、事件处理、动画效果以及Ajax...

    jquery 美化下拉框,单选按钮,上传文件input typeFile的插件

    接下来,我们讨论如何用`jQuery`美化单选按钮和复选框。这些元素在页面上的表现通常很基础,不够吸引人。通过使用插件,我们可以将它们转换为更吸引眼球的图形元素,例如使用图标或者颜色来增强视觉效果。同时,这些...

    jQuery插件-多选全选实时搜索下拉框

    这个功能通常通过添加一个“全选”按钮或者复选框来实现,当用户点击这个按钮时,所有子选项都将被选中。同样,如果用户取消全选,所有子选项也将被取消选中。在jQuery中,这可以通过遍历所有子选项并更改它们的选中...

    jQuery 多选下拉框

    这个组件在传统的单选下拉框基础上添加了复选框的功能,使得用户可以同时选择多个选项,提升了用户体验。 一、jQuery 多选下拉框的核心特性: 1. **带复选框的选项**:每个下拉菜单项前都有一个复选框,用户可以...

    jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证

    在本文中,我们将深入探讨如何使用 jQuery 实现按钮点击时的全选/反选、单选框/复选框操作,以及文本框验证。 首先,我们来关注按钮的点击事件。在 jQuery 中,可以使用 `$(document).ready` 函数确保文档加载完成...

    利用Jquery实现可多选的下拉框

    用户可以勾选多个选项,视觉效果通常会呈现为一个具有复选框的列表。 在实际应用中,你可能需要根据需求自定义多选下拉框的样式和行为。`jquery.multiselect.js`插件提供了丰富的选项和事件供开发者使用,比如设置...

    下拉复选框

    在这个场景中,我们看到一个自定义开发的下拉复选框插件,使用了Java和jQuery这两种技术。接下来,我们将深入探讨下拉复选框的实现原理以及Java和jQuery在这其中的角色。 首先,让我们理解下拉复选框的基本概念。在...

    jquery对单选框,多选框,文本框等常见操作小结

    一、文本框、单选按钮、复选框、相关操作 代码如下:var sex=$(“input[name=’sex’]:checked”).val(); //获取一组radio被选中项的值 var item=$(“#sel option:selected”).text(); //获取select被选中项的文本...

Global site tag (gtag.js) - Google Analytics