`
happyqing
  • 浏览: 3198416 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery获取指定form表单的checkbox,radio选择选中的值

    博客分类:
  • js
阅读更多

function doDelete(formid){

//formid指定表单的id

   var fom = $("#"+formid);

 //下面是获取选择了的表单

   var inpt = fom.find("input:checked");
   var value="";

//由上面的表单获取里面的值
   inpt.each(function(){
     value=value+$(this).val();
    });

//输出选择的值
   alert(value);
 }

     上面介绍的只是选择按钮的值,其他的像文本,文本框等等,也是如此。外面介绍的很多,但我找了很久没有找到获取指定form表单值的例子,结果就写了上面的验证可以通过。

     上面值已经获取,然后就可以通过ajax进行表单提交,即使页面有多个表单也不会有混淆。


 $("form[name=fromName] input[type=text]").each(function(){

})

分享到:
评论

相关推荐

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jquery获取表单值

    ### jQuery 获取表单值 在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...

    基于jQuery和layui的form表单自定义js动态生成

    在动态生成表单中,我们主要利用jQuery的选择器快速定位表单元素,并通过其提供的API进行操作。 二、layui介绍 layui是一个轻量级且模块化的前端框架,它包括了丰富的组件,如表格、按钮、表单、弹窗等。layui的...

    jQuery form表单美化实例代码

    本实例主要关注使用jQuery来美化form表单,包括input输入框、select下拉框、复选框和单选框等常见的表单元素。 首先,`index.html`是项目的核心文件,它包含了整个页面的结构和内容。在HTML中,我们会定义各个表单...

    JQUERY获取form表单值的代码

    本文将详细介绍如何使用jQuery获取不同类型的表单元素(如text、textarea、radio、checkbox以及select)的值,并展示一些基本的表单元素操作。 首先,我们来看如何获取不同类型的表单值: 1. 获取`...

    【开源】jQuery oform beta 0.1.5 - form 表单美化插件源代码

    jQuery oform beta 0.1.5 - form 表单美化插件源代码 版权:zhang yang soft 交流E-Mail:oceancode@163.com 浏览器支持:IE、Firefox、Opera , google chrome (谷歌) 版本说明: 1. beta 0.1.0 版 支持input...

    jquery form表单获取内容以及绑定数据

    例如,对于`checkbox`,如果JSON对象中该值不为空,则会遍历所有的`checkbox`控件,将它们与JSON对象中的值进行匹配,如果匹配成功,则模拟用户点击以选中它们。对于`radio`按钮,也是类似的处理方式。而对于`...

    jquery表单Check样式

    "jquery表单Check样式"是指利用jQuery来实现表单元素,如复选框(checkbox)和单选按钮(radio)的样式控制,以提升用户体验和界面美观度。 在HTML表单中,传统的复选框和单选按钮的样式由浏览器默认提供,样式单一...

    Jquery表单-层级-内容-属性-子元素选择器知识点整理

    ### Jquery表单-层级-内容-属性-子元素选择器知识点整理 #### 一、Jquery表单元素选择器 在JQuery中,表单元素选择器主要用于选择表单中的特定元素,如按钮、输入框等。这些选择器简化了DOM操作,使得开发者能够...

    jQuery实现form表单元素序列化为json对象的方法

    对于没有选中的`<input type="checkbox">`或未被选中的`<input type="radio">`,`this.value`可能是`undefined`,所以我们使用`|| ''`确保始终有一个空字符串作为默认值。 对于单选按钮(radio buttons),只有一个...

    利用JS如何获取form表单数据

    在JavaScript中,获取`<form>`表单的数据是常见的需求,尤其在进行前端与后端交互时。本文将详细介绍如何利用JS获取`<form>`表单数据,包括各种类型的表单元素,如输入框、下拉框、单选按钮、复选框等。 首先,表单...

    jQuery Mobile 表单

    2. **单选按钮**(`<input type="radio">`)和**复选框**(`<input type="checkbox">`):这些组件会被包装在`.ui-radio`或`.ui-checkbox`容器中,提供视觉反馈。 3. **下拉菜单**(`<select>`):在移动设备上,...

    jQuery实现自定义checkbox和radio样式

    在本文中,我们将深入探讨如何使用jQuery来实现自定义的checkbox和radio样式。这个方法主要基于HTML、CSS和JavaScript的组合,尤其是jQuery库,来创建美观且可定制的复选框和单选按钮。 首先,我们需要理解实现这种...

    jQuery选择器上机练习题及答案.rar

    (20)选择所有被选中的表单元素 (21)选择含有1972的td元素 (22)选择包含有sapn元素的div元素 (23)选择表格中每行的第一个单元格和最后一个单元格 (24)选择表格中第3行,标题行不算(要求用nth-child()...

    jQuery支持删除重新选择表单代码.zip

    在HTML部分,表单通常包含`<form>`标签,而选择元素可能是`<input type="checkbox">`或`<input type="radio">`。用户界面可能还会有一个清除选择的按钮,其`<button>`或`<input type="button">`标签上设置ID为...

    基于bootstrap的动态表单的实现

    动态表单的核心是其背后的逻辑,这通常涉及JavaScript或jQuery来处理用户的交互和数据验证。例如,可以使用事件监听器(如`change`、`click`)来实时更新表单状态,或者在用户提交表单时进行数据验证。 此外,...

    jquery表单元素取值

    获取选中项的值 ```javascript var checkedValue = $("input[type='radio'][name='gender']:checked").val(); ``` ##### 2. 设置选中状态 ```javascript $("input[type='radio'][name='gender'][value='male']")....

Global site tag (gtag.js) - Google Analytics