`
348102023
  • 浏览: 13230 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery 取单选,多选按钮值

 
阅读更多

使用选择器:

1.$('input[name=testradio]:checked').val();

2.$('input:radio:checked').val();

3.$('input[@name="testradio"][checked]');

4.$('input[name=testradio]:eq(1)').val();

使用筛选 filter:

1.$('input[name="testradio"]').filter(':checked');

 

 

jquery判断checked的三种方法:

.attr('checked'):   //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'):    //所有版本:true/false//别忘记冒号哦

jquery赋值checked的几种写法:

所有的jquery版本都可以这样赋值:

// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);

jquery1.6+:prop的4种赋值:

// $("#cb1").prop("checked",true);//很简单就不说了哦
// $("#cb1").prop({checked:true}); //map键值对
// $("#cb1").prop("checked",function(){
return true;//函数返回true或false
});

form:

http://blog.csdn.net/lubingda/article/details/7227051

http://www.cnblogs.com/0banana0/archive/2011/11/16/2251855.html

 

分享到:
评论

相关推荐

    jQuery单选多选按钮美化代码插件

    在网页设计和开发中,美观和用户体验是至关重要的因素,jQuery单选多选按钮美化代码插件正是为了提升这方面效果而设计的。这款插件基于`ion.checkRadio.js`,它能够将传统的HTML单选按钮(radio)和复选框(checkbox...

    jQuery单选多选按钮样式美化代码.zip

    在这个"jQuery单选多选按钮样式美化代码.zip"压缩包中,包含了一套利用jQuery实现的单选和多选按钮的美化方案。下面我们将详细探讨这一主题。 首先,`jquery.1.10.2.min.js`是jQuery的核心库文件,版本为1.10.2,这...

    jQuery单选,多选按钮(美化特效)

    在这个主题中,"jQuery单选,多选按钮(美化特效)"关注的是如何使用jQuery和CSS3来提升网页中选择元素的视觉体验和交互性。下面我们将深入探讨这一技术。 首先,jQuery单选按钮和多选按钮的美化主要涉及到HTML基础...

    jQuery单选多选按钮美化

    "jQuery单选多选按钮美化"这个主题,就是针对这一问题,利用jQuery和CSS技术来提升这些交互元素的视觉效果。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在...

    jQuery单选多选按钮选中美化特效.zip

    jQuery单选多选按钮选中美化特效就是为了解决这个问题,通过使用jQuery和CSS3技术来提升表单组件的视觉效果和交互体验。这个特效使原本单调的单选按钮和复选框变得更具吸引力,为用户提供更友好的界面。 首先,...

    jQuery单选多选按钮美化插件.zip

    `jQuery`单选多选按钮美化插件就是为了解决这个问题而诞生的。它利用`jQuery`库的灵活性和`ion.checkRadio.js`插件的功能,为传统的HTML单选按钮(radio)和多选按钮(checkbox)提供了一种优雅的视觉呈现方式。这个...

    jQuery单选多选按钮美化代码插件.zip

    《jQuery单选多选按钮美化代码插件详解》 在网页设计中,用户交互界面的美观性和易用性是至关重要的。jQuery作为一个强大的JavaScript库,为开发者提供了丰富的工具和插件来实现这些目标。本篇文章将围绕“jQuery...

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

    在jQuery插件中,通常会监听`input`事件,当用户输入时,获取输入框的值,然后与下拉框中的选项进行比对,动态更新显示的选项列表。 **五、实现原理** 1. **DOM操作**:使用jQuery选择器选取需要操作的元素,如`$...

    jQuery单选多选按钮选中美化特效特效代码

    针对“jQuery单选多选按钮选中美化特效”,我们主要涉及以下知识点: 1. **选择器**:jQuery提供了一套强大的选择器,用于选取HTML元素。例如,`$('input[type="radio"]')`可以选择所有单选按钮,而`$('input[type=...

    CSS3单选多选按钮美化特效.zip

    本资源"CSS3单选多选按钮美化特效.zip"聚焦于利用CSS3技术提升这些按钮的视觉效果,结合javascript和jQuery进行动态交互增强,为用户提供更加精致和友好的界面体验。以下将详细介绍这个主题中的关键知识点。 1. **...

    基于jquery实现的多选下拉框

    **基于jQuery实现的多选下拉框** 在Web开发中,传统的HTML下拉框(`<select>`元素)通常只支持单选,但有时我们可能需要一个可多选的下拉框来提供用户更多的选择灵活性。这篇教程将详细介绍如何利用jQuery库来创建...

    jquery单选多选美化插件.zip

    总的来说,"jquery单选多选美化插件"为开发者提供了一种简单高效的方式来提升表单元素的用户体验,同时保持代码的简洁和可维护性。通过灵活的配置选项和丰富的API,你可以轻松地定制插件以满足特定的设计需求。这个...

    jquery实现的多选下拉框

    通过引入这个插件,我们可以快速地将传统的单选下拉框转化为可多选、可搜索、可自定义样式的下拉框。 在使用过程中,我们需要将下载的压缩包"ehynds-jquery-ui-multiselect-widget-03cc76d"解压,其中包含了插件的...

    基于jquery的小日历,可以单选、多选、按范围选

    本篇文章将详细探讨一个基于jQuery的小型日历插件,它具备单选、多选以及按范围选择日期的功能,为用户提供了灵活的日期选择方式。 首先,我们来看这个jQuery日历插件的基本用法。在HTML页面中,你需要指定一个元素...

    jQuery移动端弹窗单选多选菜单.zip

    【jQuery移动端弹窗单选多选菜单】是一个用于在移动设备上实现交互式弹出菜单的解决方案,结合了jQuery库的高效性和CSS特效的视觉吸引力。这个项目主要应用于网页开发,特别是那些需要用户做出选择或者进行操作的...

    jQuery单选多选按钮样式美化特效代码

    在这个"jQuery单选多选按钮样式美化特效代码"中,提到了四种不同的按钮样式:圆心、圆钩、方心、方钩。这些样式通过CSS定义,可能包括了背景图像、边框、填充、尺寸、边距等多种属性的调整,使得按钮在视觉上更加...

    jQuery移动端弹窗单选多选菜单

    "jQuery移动端弹窗单选多选菜单"就是为了解决这个问题而设计的一款插件。它提供了在小屏幕上优雅展示选项的方式,使得用户能够在弹出的窗口中方便地进行单选或多选操作,提升了移动端用户的体验。 该插件基于...

Global site tag (gtag.js) - Google Analytics