`
wanganlin21
  • 浏览: 4558 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

用jquery获取checkbox中的多个值

阅读更多
首先当然是引入jquery,这在上一篇文章中已经提到,使用google加载jquery库

<input type="checkbox" name="checkPro" value='1' /><label>A</label>
<input type="checkbox" name="checkPro" value='2' /><label>B</label>
<input type="checkbox" name="checkPro" value='3' /><label>C</label>
<input type="checkbox" name="checkPro" value='4' /><label>D</label>
<input type="button" name="addPro" value="确定" />


$('input[name=addPro]').click(function(){
	var checkedValues = new Array();
	$('input[name="checkPro"]:checked').each(function(){
            checkedValues.push($(this).val());
	})
	alert(checkedValues.join(','));
});
分享到:
评论
2 楼 masuweng 2019-01-15  
嗯 写的很好; 正好使用 , 点击复选框的时候 获取选中的值并以逗号隔开. 不错
1 楼 os586 2012-05-03  
很好,经常用,可以自己扩展一下这个功能

相关推荐

    jquery获取checkbox选中的值

    在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的操作,并讲解如何获取选中的值。 首先,我们需要引入jQuery库。在`1.html`文件中,我们看到包含了一个名...

    用Jquery获取checkbox多个选项详解

    在本文中,我们将深入探讨如何使用jQuery来获取和操作HTML页面上的多个复选框(checkbox)选项。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画效果。对于初学者来说,理解和掌握如何使用jQuery...

    jQuery获取checkbox选中的值

    本知识点将深入探讨如何使用jQuery获取选中的checkbox值,以及如何控制checkbox的选中状态。 ### jQuery获取选中的checkbox值 1. **理解checkbox的使用场景**: 当用户需要在多个选项中选择一个或多个时,复选框...

    jquery获取表单值

    使用jQuery获取文本框的值非常简单: ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取...

    jquery checkbox 选中 取消 checkbox多选

    在jQuery中,我们可以通过`$('selector')`选择器来获取这些复选框,并使用`.prop()`方法来改变其选中状态。`.prop()`方法用于设置或返回元素的属性值,如`checked`属性表示复选框是否被选中。以下是如何选中和取消...

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

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

    jquery 对checkbox的操作

    使用类选择器可以同时操作多个checkbox: ```javascript $(".myCheckboxes").prop("checked", true); // select all checkboxes with class 'myCheckboxes' $(".myCheckboxes").prop("checked", false); // unselect...

    JQuery操作checkbox、radio等示例

    Checkbox用于提供多选选项,用户可以勾选多个选项;而radio则是单选按钮,用户只能选择其中一个选项。 在jQuery中,操作这些元素通常涉及到选择它们,改变它们的状态,以及响应用户的交互。以下是一些常见的jQuery...

    jquery input checkbox 联动

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理以及Ajax交互。本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,...

    jquery获取复选框checkbox的值的简单实现方法

    在这个过程中,我们使用jQuery的`.val()`方法获取每一个复选框的`value`属性值,并通过`push()`方法将这些值添加到一个预先定义的数组中。这种方式更加简洁明了,并且利用了jQuery提供的方法来简化操作。 最后,...

    Jquery获取Select标签的值

    由于 CheckBox 可能有多个被选中,因此需要遍历来获取它们的值: ```javascript var arrChk = ""; $("input[name='checkbox_name']:checked").each(function() { arrChk += this.value + ','; }); ``` #### 五、...

    jquery获取各种radio,checkbox,select的值等

    1. **jQuery获取Select的值**: - `$("#select_id").change(function() {...})`:此代码会为ID为`select_id`的select元素添加一个change事件监听器,当用户选择新的选项时,会执行函数内的代码。 - `var checkText...

    jQuery操作checkbox

    在表单中,如果用户需要选择多个选项,我们通常会用到checkbox。使用jQuery实现多选,可以通过遍历所有checkbox并改变它们的checked属性。例如,以下代码将选中所有checkbox: ```javascript $('input[type=...

    Jquery 获取input 值

    根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...

    jquery获取多个checkbox的值异步提交给php的方法

    本实例探讨了如何使用jQuery获取多个checkbox的选择值,并通过异步方式POST提交到PHP服务器进行处理。以下是实现这一功能的具体步骤和知识点: 1. **HTML结构**: HTML部分创建了一个表格,其中包含多个`...

    JQuery对checkbox的操作 (01).zip

    Checkbox是用户界面中的一种常见元素,用于让用户在多个选项中选择一个或多个。每个checkbox都有一个`&lt;input&gt;`标签,类型为`type="checkbox"`,并可以通过`name`属性来分组。 在jQuery中,我们可以使用`$('selector...

    jquery模拟div多选checkbox下拉框

    本项目名为“jquery模拟div多选checkbox下拉框”,其核心目标是使用jQuery来实现一个功能丰富的多选下拉框替代传统的HTML `&lt;select&gt;` 元素,通过使用`&lt;div&gt;`元素和复选框(checkbox)来提供更自定义化的用户体验。...

    Jquery为单选框checkbox绑定单击click事件

    为了更加灵活地处理多个单选框元素,我们通常不会为每个单选框都写一遍绑定代码,而是利用Jquery强大的选择器和遍历功能。示例中的代码`$(".imagezz").click($test_image_check_box_click);`通过` $(".imagezz")`...

Global site tag (gtag.js) - Google Analytics