0 0

Jquery 获取选中的checkbox的值 怎么会是on??5

Jquery 获取选中的checkbox的值 怎么会是on??

我的Jquery 代码:
var $areaId=$("input[type='checkbox'][name='chkName']:checked").map(function(){return $(this).val();}).get().join(",");



html代码:
<input type='checkbox' name='chkName' value='610101111'>城关区
<input type='checkbox' name='chkName' value='610101112'>城关区1
<input type='checkbox' name='chkName' value='610101113'>城关区2
<input type='checkbox' name='chkName' value='610101114'>城关区3
<input type='checkbox' name='chkName' value='610101115'>城关区4
2014年7月23日 09:20

4个答案 按时间排序 按投票排序

0 0

采纳的答案

楼主要是还不行,就开大招吧,input上加id属性:

<input type='checkbox' name='chkName' id='610101111' value='610101111'>城关区 
<input type='checkbox' name='chkName' id='610101112' value='610101112'>城关区1 
<input type='checkbox' name='chkName' id='610101113' value='610101113'>城关区2 
<input type='checkbox' name='chkName' id='610101114' value='610101114'>城关区3 
<input type='checkbox' name='chkName' id='610101115' value='610101115'>城关区4


然后使用这种方式:
var areaId=$("input[type='checkbox'][name='chkName']:checked");
$(areaId).each(function(){
	alert(this.attributes['id'].value);
//alert(this.attr('name'));
});


PS:尼玛啊,抢一分好难啊,一上午都帮楼主干活了.

2014年7月23日 11:06
0 0

var vals = $("input[name=chkName]:checked")
.map(function() {
                return this.value;
            })
            .get()
            .join();

这样就可以了

2014年7月23日 10:07
0 0

我chrome,ie 都测试了一下,发现没问题啊,结果完全正确。返回的是'610101112,610101113'

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<script src="http://code.jquery.com/jquery-latest.js"></script>

	</head>

	<body>
		<input type='checkbox' name='chkName' value='610101111'>
			城关区
		</input>
		<input type='checkbox' name='chkName' value='610101112' checked="checked">
			城关区1
		</input>
		<input type='checkbox' name='chkName' value='610101113' checked="checked">
			城关区2
		</input>
		<input type='checkbox' name='chkName' value='610101114'>
			城关区3
		</input>
		<input type='checkbox' name='chkName' value='610101115'>城关区4</input>
	</body>
			<script type="text/javascript">
			var $areaId=$("input[type='checkbox'][name='chkName']:checked").map(function(){
				return $(this).val();
			}).get().join(",");
			alert($areaId);
		</script>
</html> 

2014年7月23日 09:57
0 0

试试这种取值:

var arrChk=$("input[name='checkbox']:checked");
//var arrVal =new Array();
$(arrChk).each(function(){
	alert(this.value);
   //arrVal.push(this.value);
}); 

2014年7月23日 09:42

相关推荐

    jquery 对checkbox的操作

    在表单提交时,jQuery可以帮助获取已选中的checkbox值。例如: ```javascript $("form").submit(function(e) { e.preventDefault(); // prevent default form submission var selectedCheckboxes = $("input[type=...

    jQuery基于layui插件制作checkbox复选框选中代码

    同名的checkbox会形成一个选择组,用户只能选择其中的一个。例如: ```html &lt;input type="checkbox" name="selectGroup" value="option1"&gt; &lt;input type="checkbox" name="selectGroup" value="option2"&gt; ``` 3....

    jQuery操作checkbox

    五、获取选中checkbox的值 获取选中的checkbox的值,可以遍历所有checkbox,检查哪些被选中,并收集它们的value属性: ```javascript var selectedValues = []; $('input[type="checkbox"]:checked').each...

    jquery 的checkbox样式

    接着,可以通过jQuery选择器来选中需要改变样式的复选框,并调用插件提供的方法来应用样式。例如,如果所有的复选框都有一个统一的class名`custom-checkbox`,可以这样写: ```javascript $(document).ready...

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

    绚丽的复选框 jquery-checkbox

    2. **调用插件方法**:然后,对选取的元素调用`.checkbox()`方法,这会将它们转化为jQuery-Checkbox的效果。代码如下: ```javascript $(".custom-checkbox").checkbox(); ``` 3. **配置选项**:jQuery-Checkbox...

    checkbox使用jquery全选-反选-取得选中的值-Housl.zip

    `$("input[type='checkbox']")`则选择了所有的复选框,`.not(this)`排除了主复选框本身,`.prop("checked", this.checked)`用于设置或获取属性值,如果主复选框被选中,则所有子复选框也会被选中,反之则取消选中。...

    jquery checkbox点击选中列表样式代码

    这样,当用户点击"Select All"时,所有列表项的checkbox会被同步选中或取消,相应的样式也会随之更新。 总结起来,通过使用jQuery,我们可以轻松实现checkbox点击选中列表样式的功能。这不仅提高了用户体验,也让...

    jquery 实现全选,全不选,反选,获取选中的值

    对于“全选”、“全不选”和“反选”功能,jQuery 提供了简洁的解决方案,同时也可以方便地获取选中的元素值。以下我们将详细探讨如何使用 jQuery 实现这些功能。 1. **全选**: 全选功能通常应用于具有多选选项的...

    jquery实现带复选框的gridview

    `$(".grid-check").on("click", function() {...})` 这段代码会监听所有类名为 "grid-check" 的复选框的点击事件。在事件处理函数中,你可以获取当前被点击的复选框的状态,然后更新相关的UI或者执行相应的业务逻辑...

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

    本文将详细介绍如何使用jQuery实现复选框的选中与不选中效果的美化。 首先,我们需要理解jQuery的基本用法。jQuery库简化了JavaScript中的DOM操作、事件处理和动画效果。引入jQuery库后,我们可以使用$(document)....

    jquery带有CheckBox的树

    对于带有CheckBox的树,每个节点不仅包含文本信息,还会有一个CheckBox供用户选择。 1. **基本HTML结构**:创建一个容器元素,如`&lt;div id="tree"&gt;&lt;/div&gt;`,用于放置树形结构。这个元素将被jQuery插件用来动态生成树...

    table中checkbox取值

    当我们需要在表格中使用复选框时,往往需要处理它们的值,比如选中状态的获取、传递或者存储。本篇文章将深入探讨在表格中使用复选框时如何取值,以及与之相关的编程知识点。 1. **HTML 结构** 首先,我们需要创建...

    关于表格(table)中checkbox等相关事件操作(动态添加行+隔行换色等相关)(jquery)

    本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件操作,包括动态添加行、隔行换色、选中变色、全选与反选等功能。 首先,让我们了解jQuery的基本概念。jQuery是一个快速、简洁的JavaScript库,它简化了...

    jquery.onoff

    接下来,通过jQuery选择器选中该元素并调用`.onoff()`方法初始化插件: ```javascript $("#mySwitch").onoff(); ``` 四、配置参数 jQuery.onoff插件提供了一些可配置参数,允许我们自定义开关按钮的样式和行为。...

    checkbox 选中一个另一个checkbox也会选中的实现代码

    例如,`$('#checkl1').on('click', function() {...})` 监听 ID 为 `checkl1` 的 `checkbox`,当它被点击时,会根据当前状态更新第一列所有 `checkbox` 的选中状态。这里用了两种方法:一是通过指定多个 ID 并用逗号...

    jquery Checkbox 全选 反选 全不选 多种实现方法

    在这段代码中,`#select-all` 是全选复选框的 ID,`input[type="checkbox"]` 选择所有的复选框,`this.checked` 获取当前全选复选框的状态,并将其设置为所有子复选框的选中状态。 2. **反选功能** 反选操作与...

    jQuery自定义美化复选框checkbox样式

    这部分逻辑可能涉及到获取和设置复选框的值,以及同步复选框状态到后端或本地存储。 5. **HTML结构**:`index.html`文件是项目的主入口,其中包含了复选框元素和必要的JavaScript引用。开发者可能使用自定义数据...

    jQuery手机通讯录选中删除代码.zip

    《jQuery实现手机通讯录选中删除功能详解》 在网页开发中,实现类似手机通讯录的选中与删除功能是一项常见的需求。jQuery作为一款强大的JavaScript库,提供了丰富的API和便捷的操作方式,使得这一任务变得简单易行...

    layui-table表复选框勾选的所有行数据获取的例子

    在进行网页开发时,常常需要对表格中的数据进行交互操作,其中一个常见的需求是获取用户通过复选框勾选的行数据。本文将详细介绍如何使用layui框架中的layui-table组件来实现复选框勾选的所有行数据的获取。 ### ...

Global site tag (gtag.js) - Google Analytics