`

实战jquery取复选框、单选框、下拉列表等的值

阅读更多

在实际的前台开发中,为了避免id重复很多情况下必须引入form的概念,以下将列出引入form后jquery获取取复选框、单选框、下拉列表等的方法

获取选中下拉列表的值:

var selectValue = $("form[id='formid'] select[id='selectid'] option:selected").val();

获取单选框的值:

var radioValue =$("form[id='formid'] input[name='radioname']:checked").val();

获取复选框的值:

var checkboxValue= $('#id').attr("checked");//结果为checked、undefined

复选框全选

$("[name='checkbox']").attr("checked",'true');

复选框全不选

$("[name='checkbox']").removeAttr("checked");

判断复选框是否被选中:

varcheckboxflag= $("form[id='formid'] input[id='checkboxid']").attr("checked");

if($("form[id='routeForm'] input[id='checkboxid']").is(":checked")==true){

//do yourself

}else{

//do yourself

}

 

备注:以上功能需引入jquery包

 

分享到:
评论

相关推荐

    jQuery 修改复选框 单选按钮 傻瓜代码 直接可用

    jQuery 修改复选框 单选按钮 傻瓜代码 直接可用

    jquery实现下拉复选框

    一个js的方法,调用该js可实现下拉复选框。 /**//** * Creat date 2011-11-10 * Creat by zhuoyueping *支持input表单的下拉复选框。 *使用方法: * (1)调用js函数:setSelectBox(textItem, myArray); *...

    jquery无限极复选框下拉树

    总结,"jquery无限极复选框下拉树"是一个基于jQuery和layui的交互式组件,它结合了复选框、下拉菜单和无限级树结构,提供了全选/单选功能,适用于需要展现和操作层次数据的场景。通过理解和运用这些知识点,开发者...

    使用JQuery制作复选框的全选或单选特效

    本教程将深入探讨如何使用jQuery实现复选框的全选和单选特效,为用户界面添加交互性和动态性。 首先,我们需要理解HTML中的复选框(`<input type="checkbox">`)的基本用法。复选框允许用户从多个选项中选择一个或...

    jquery下拉多选复选框插件

    总之,这个jQuery下拉多选复选框插件涉及了前端开发的多个方面,包括jQuery的使用、前后端交互、用户体验设计、插件定制和性能优化等。熟练掌握这些知识点,不仅能够帮助你有效地利用这个插件,也对提升整体的Web...

    带有复选框的下拉列表

    在网页设计中,有时我们需要创建一个具有复选框功能的下拉列表,让用户可以多选选项。本示例提供了一种实现这一功能的方法,通过两种技术:使用纯HTML和CSS的DIV控制,以及利用JQUERY库。这两种方法都可以有效地增强...

    jquery 复选框组件

    jQuery UI Multiselect是jQuery UI的一个扩展,它将传统的多选框转变为可配置的下拉列表,提升了用户体验。安装此插件只需引入相关CSS和JS文件,并调用`.multiselect()`方法应用到合适的元素上: ```html ...

    jquery取单选,复选,下拉小结

    这篇博客"jquery取单选,复选,下拉小结"是关于如何使用jQuery来操作网页中的单选按钮(radio)、复选框(checkbox)以及下拉列表(select)的选择项。下面我们将详细探讨这些知识点。 首先,我们来讨论如何使用...

    jQuery单选框和复选框美化代码

    2. **插件使用**:jQuery有许多现成的插件,如iCheck、Bootstrap Switch、jQuery.uniform等,这些插件提供了一套完整的解决方案,只需简单配置,即可实现高度定制化的单选框和复选框样式。例如,iCheck插件支持平滑...

    Jquery复选框美化

    jQuery插件如iCheck、Bootstrap Checkbox和Radio等,提供了预设的美化方案,使复选框和单选按钮看起来更加精致,同时保持了良好的可用性。这些插件通常支持响应式设计,能在不同设备和屏幕尺寸上正常显示。 在复选...

    jquery实现 复选框 选中和不选中 美化复选框

    这只是一个基本的示例,实际应用中可以根据需求进一步定制样式和交互,例如添加动画效果、多选复选框组等。在实际项目中,可以考虑使用现成的jQuery插件,如Bootstrap的Checkbox Switch或iCheck,它们提供了更丰富的...

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`<input>`标签定义,类型为...

    jQuery表单复选框与单选框美化特效

    本教程将详细介绍如何使用jQuery实现表单复选框和单选框的美化特效,以提升用户界面的吸引力。 首先,我们要了解基本的HTML表单元素。复选框(`<input type="checkbox">`)允许用户在多个选项中选择一个或多个,而...

    jQuery表单复选框与单选框美化特效.zip

    在本资源"jQuery表单复选框与单选框美化特效.zip"中,您将找到一个使用jQuery实现的表单复选框和单选框美化效果的实例。这个压缩包包含四个主要文件:index.html(主页面)、font(字体文件夹)、js(JavaScript...

    带复选框的下拉列表

    "带复选框的下拉列表"是一种交互式控件,常见于各种应用程序和网站中,允许用户在一组选项中进行多项选择。这个主题涉及到前端开发、GUI设计以及Windows API编程。 首先,我们来详细探讨这种控件的设计原理。带复选...

    jquery动态复选框取值

    在本主题中,我们将深入探讨如何在jQuery中处理动态生成的复选框,并获取它们的值。复选框是HTML表单中常见的一种元素,用于让用户选择一个或多个选项。 一、jQuery基本概念 jQuery通过一个简洁的语法,让...

    jQuery单选复选框样式美化

    此外,jQuery社区还提供了许多插件,如iCheck、Bootstrap Switch、jQuery.uniform等,专门用于美化单选按钮和复选框。这些插件往往提供了丰富的预设样式和高度自定义的选项,使得样式美化工作变得更加简单。例如,...

    jsp/html 实现下拉复选框

    接着,CSS部分主要负责美化下拉复选框的外观,比如调整其大小、颜色、边框等。例如: ```css #selectBox { width: 200px; height: 200px; border: 1px solid #ccc; } ``` 这将设置下拉框的宽度为200像素,高度为...

    jquery操作单选框和复选框

    jquery操作单选框和复选框,超级实用的示例,节约项目开发时间!

    jQuery下拉列表复选框

    首先,我们来看一下标题"jQuery下拉列表复选框"所涉及的核心知识点。这里主要包含两部分:jQuery的使用和创建自定义的下拉复选框功能。jQuery提供了丰富的API,如`.each()`用于遍历元素,`.on()`用于绑定事件,`....

Global site tag (gtag.js) - Google Analytics