`
心杀心
  • 浏览: 31763 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Jquery的使用(针对复选框使用)

阅读更多

 关于jQuery操作复选框(id为checkbox_id),开发中遇到需要将复选框中多值传到后台,方法一:赋给复选框value值,可以用间隔符','隔开,jQuery获取,分隔split(","),作为参数传到后台;方法二:在复选框自定义参数,然后赋值,用jQuery获取参数,传到后台。如:

<input type="checkbox" name="checkbox_id" value="${form.id }" name="${form.name }"  direction = "${form.direction }"/>

 

 

jQuery 取得下拉框的值:

jQuery("#checkbox_id :checkbox:checked");

遍历:

var ivalueStr = "";

var directionStr = "";

jQuery("#checkbox_id :checkbox:checked").each(function(){

var ivalue = jQuery(this).attr("ivalue");

var direction = jQuery(this).attr("direction");//取得选择项中属性为direction的值

var name = jQuery(this).attr("name");//取得选择项中属性为name的值

if(ivalue ==null || ivalue =="" || direction ==null || direction ==""  ){

alert(name+"指标值和方向不可为空,返回修改!");

jQuery(this).removeAttr("checked");//去掉选中

return false;

}

 

ivalueStr = ivalueStr + ivalue+",";//可以输出所有选中项中属性为direction的值连接字符串,用于后台传值

directionStr = directionStr + direction + ",";//可以输出所有选中项中属性为directionStr的值连接字符串,用于后台传值

});

 

对于jquery中each()方法,将每次循环中的值拿出来,组成新的字符串,用于下一步操作。

 对于jquery each循环,要实现break和continue的功能: 

break----用return false; 

continue --用return ture; 

 

jquery如何获取获取父窗口的父窗口的元素

取父窗口的元素方法:$(selector, window.parent.document);

那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);

分享到:
评论

相关推荐

    jQuery高性能带复选框的树形结构插件

    `highchecktree`是一个专门针对这种情况设计的jQuery插件,它能高效地处理大量数据并提供带有复选框的功能,使得用户可以进行多级选择操作。 ### 插件特点 1. **高性能**: `highchecktree`特别优化了大数据量的...

    jquery判断复选框是否被全部选中,达到全选的目的

    标题提到的“jquery判断复选框是否被全部选中,达到全选的目的”,就是针对这一需求的具体实现。下面我们将详细探讨如何利用jQuery来完成这个功能。 首先,我们需要理解jQuery库的基本用法。jQuery是一个广泛使用的...

    jQuery滑动复选框操作菜单.zip

    本项目“jQuery滑动复选框操作菜单”是针对前端开发的一个功能实现,主要用于创建动态且交互性强的菜单导航,特别是在移动设备上,滑动复选框能提供更好的用户体验。下面我们将深入探讨这个主题中的关键知识点。 ...

    jQuery自定义单选按钮复选框样式特效

    "jQuery自定义单选按钮复选框样式特效"是一个针对初学者的简单教程,它演示了如何利用jQuery库对网页中的基本表单元素,如单选按钮(radio button)和复选框(checkbox),进行美化和功能增强。下面我们将详细探讨这...

    Prototype与jQuery美化Checkbox复选框实例.zip

    "Prototype与jQuery美化Checkbox复选框实例"这个压缩包文件正是针对这一需求提供的一种解决方案。下面,我们将详细探讨Prototype和jQuery库在美化Checkbox上的应用以及相关的前端知识点。 首先,Prototype是一个...

    jquery插件库-jquery添加购物车复选框,全选,反选,取消商品数量统计.zip

    这个"jquery插件库-jquery添加购物车复选框,全选,反选,取消商品数量统计.zip"文件包含了一个专门针对购物车功能的jQuery插件,用于实现复选框的操作,如全选、反选和商品数量的统计。 1. **jQuery插件**:jQuery...

    jquery实现勾选复选框触发事件给input赋值

    在本文中,我们将深入探讨如何使用jQuery来实现一个功能,即当用户勾选或取消复选框时,自动为关联的input元素赋值。这个功能对于数据输入和管理的交互界面非常有用,可以帮助用户快速地处理多选列表,并将选择的...

    Jquery 复选框选中之后 按钮才能点击

    2. **选择复选框和按钮**:使用Jquery的选择器选取复选框和按钮。例如,如果复选框的ID为"check",按钮的ID为"submit",则选取方式如下: ```javascript var checkbox = $('#check'); var button = $('#submit'); ``...

    隐藏layui数据表格表头的checkbox复选框

    - **用户体验**:隐藏表头复选框可能会影响到用户的使用习惯,建议在不影响整体功能的前提下进行适当的设计调整。 #### 结语 通过上述步骤,我们成功实现了隐藏LayUI数据表格表头的复选框的功能。这种方法不仅简单...

    jquery滑动复选框菜单.zip

    - 使用`:checked`伪类可以针对复选框被选中的状态添加特定样式。 7. **响应式设计**: - 如果此菜单设计考虑了不同设备的适配,那么很可能使用了媒体查询(`@media`)来实现响应式布局,确保在手机、平板电脑和桌面...

    表单复选框checkbox美化特效

    "表单复选框checkbox美化特效"是针对这种常见组件的一种视觉优化技术,它通过CSS样式和可能的JavaScript/jQuery实现,将原始的HTML复选框转变为更具吸引力和互动性的设计。 传统的HTML复选框在默认状态下,样式单一...

    jQuery单选框跟复选框美化代码演示

    jQuery作为一个强大的JavaScript库,提供了许多方法和插件来优化和美化网页元素,包括单选框(radio buttons)和复选框(checkboxes)。本示例将探讨如何使用jQuery实现这些功能。 首先,`index.html`是主页面文件...

    带复选框的下拉菜单

    - **PrimeFaces** 或 **Vaadin**:这两个都是针对Java的UI组件库,它们提供现成的带复选框的下拉菜单组件,可以简化开发过程。 4. **Ajax技术**: - 为了提高用户体验,可以使用Ajax进行异步数据交换。这样,用户...

    仿智联招聘的复选框

    "仿智联招聘的复选框"这个项目是针对这种需求的一个实例,旨在创建一个类似智联招聘网站上的多级复选功能。这个项目的核心目标是提供一种灵活的方法,让用户根据自己的需求自定义代码,以适应各种应用场景。 首先,...

    基于jquery的iPhone风格的单选框和复选框.zip

    "基于jquery的iPhone风格的单选框和复选框.zip"是一个针对前端开发的资源包,它旨在提供一种实现iOS设备上常见交互效果的解决方案。 首先,我们需要理解jQuery的核心概念。jQuery是由John Resig创建的一个开源项目...

    标签展示形式来美化单选框或复选框的jQuery插件.zip

    4. 应用插件到你的单选框和复选框元素上,可以是全局应用,也可以只针对特定的元素。 5. 根据需要调整CSS样式,以匹配你的网站设计。 总的来说,这个jQuery插件提供了一种便捷的方式,通过标签展示的形式,来提升...

    Javascript 弹出式复选框 (JQuery 插件 mulitselector).zip

    "Javascript 弹出式复选框 (JQuery 插件 mulitselector)" 是一个专门针对用户界面设计的插件,它提供了弹出式的多选功能,极大地提升了用户体验。 该插件的核心功能在于创建一个可自定义的弹出菜单,菜单中包含一...

    3Z版基于jquery的图片复选框(asp.net+jquery)

    - **JavaScript实现**:通过jQuery的自定义插件方式封装了图片复选框的实现逻辑,这样可以将复杂的逻辑隐藏在插件内部,使用时只需要简单地调用`$.fn.imagecheckbox`方法即可。 ### 开发技巧和注意事项 - **针对**...

    JQuery勾选指定name的复选框集合并显示的方法

    JQuery在前端开发中广泛使用,特别是在处理表单元素如复选框(checkbox)时,JQuery提供了一系列的操作方法来简化DOM操作,提高开发效率。本知识点将围绕如何使用JQuery勾选指定name属性的复选框集合,并实现当勾选...

    升级版--支持ie8单选框与复选框自定义样式制作

    文件名称"支持ie8单选框与复选框自定义样式_"暗示了该资源可能包括一个CSS文件,其中包含了用于IE8的样式规则,以及可能的JavaScript文件,用于处理交互和兼容性问题。在实际使用这个资源时,开发者需要将这些文件...

Global site tag (gtag.js) - Google Analytics