-
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'>城关区42014年7月23日 09:20
3条评论
关注(0)4个答案 按时间排序 按投票排序
-
采纳的答案
楼主要是还不行,就开大招吧,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
-
var vals = $("input[name=chkName]:checked")
.map(function() {
return this.value;
})
.get()
.join();
这样就可以了2014年7月23日 10:07
-
我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
-
试试这种取值:
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值。例如： ```javascript $("form").submit(function(e) { e.preventDefault(); // prevent default form submission var selectedCheckboxes = $("input[type=...
同名的checkbox会形成一个选择组，用户只能选择其中的一个。例如： ```html <input type="checkbox" name="selectGroup" value="option1"> <input type="checkbox" name="selectGroup" value="option2"> ``` 3....
五、获取选中checkbox的值 获取选中的checkbox的值，可以遍历所有checkbox，检查哪些被选中，并收集它们的value属性： ```javascript var selectedValues = []; $('input[type="checkbox"]:checked').each...
接着，可以通过jQuery选择器来选中需要改变样式的复选框，并调用插件提供的方法来应用样式。例如，如果所有的复选框都有一个统一的class名`custom-checkbox`，可以这样写： ```javascript $(document).ready...
本文将深入探讨如何在jQuery环境下实现输入框（input）复选框（checkbox）的联动效果，即当某个复选框被选中时，能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先，确保你的项目已经引入...
2. **调用插件方法**：然后，对选取的元素调用`.checkbox()`方法，这会将它们转化为jQuery-Checkbox的效果。代码如下： ```javascript $(".custom-checkbox").checkbox(); ``` 3. **配置选项**：jQuery-Checkbox...
`$("input[type='checkbox']")`则选择了所有的复选框，`.not(this)`排除了主复选框本身，`.prop("checked", this.checked)`用于设置或获取属性值，如果主复选框被选中，则所有子复选框也会被选中，反之则取消选中。...
这样，当用户点击"Select All"时，所有列表项的checkbox会被同步选中或取消，相应的样式也会随之更新。 总结起来，通过使用jQuery，我们可以轻松实现checkbox点击选中列表样式的功能。这不仅提高了用户体验，也让...
对于“全选”、“全不选”和“反选”功能，jQuery 提供了简洁的解决方案，同时也可以方便地获取选中的元素值。以下我们将详细探讨如何使用 jQuery 实现这些功能。 1. **全选**： 全选功能通常应用于具有多选选项的...
`$(".grid-check").on("click", function() {...})` 这段代码会监听所有类名为 "grid-check" 的复选框的点击事件。在事件处理函数中，你可以获取当前被点击的复选框的状态，然后更新相关的UI或者执行相应的业务逻辑...
本文将详细介绍如何使用jQuery实现复选框的选中与不选中效果的美化。 首先，我们需要理解jQuery的基本用法。jQuery库简化了JavaScript中的DOM操作、事件处理和动画效果。引入jQuery库后，我们可以使用$(document)....
对于带有CheckBox的树，每个节点不仅包含文本信息，还会有一个CheckBox供用户选择。 1. **基本HTML结构**：创建一个容器元素，如`<div id="tree"></div>`，用于放置树形结构。这个元素将被jQuery插件用来动态生成树...
当我们需要在表格中使用复选框时，往往需要处理它们的值，比如选中状态的获取、传递或者存储。本篇文章将深入探讨在表格中使用复选框时如何取值，以及与之相关的编程知识点。 1. **HTML 结构** 首先，我们需要创建...
本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件操作，包括动态添加行、隔行换色、选中变色、全选与反选等功能。 首先，让我们了解jQuery的基本概念。jQuery是一个快速、简洁的JavaScript库，它简化了...
接下来，通过jQuery选择器选中该元素并调用`.onoff()`方法初始化插件： ```javascript $("#mySwitch").onoff(); ``` 四、配置参数 jQuery.onoff插件提供了一些可配置参数，允许我们自定义开关按钮的样式和行为。...
例如，`$('#checkl1').on('click', function() {...})` 监听 ID 为 `checkl1` 的 `checkbox`，当它被点击时，会根据当前状态更新第一列所有 `checkbox` 的选中状态。这里用了两种方法：一是通过指定多个 ID 并用逗号...
在这段代码中，`#select-all` 是全选复选框的 ID，`input[type="checkbox"]` 选择所有的复选框，`this.checked` 获取当前全选复选框的状态，并将其设置为所有子复选框的选中状态。 2. **反选功能** 反选操作与...
这部分逻辑可能涉及到获取和设置复选框的值，以及同步复选框状态到后端或本地存储。 5. **HTML结构**：`index.html`文件是项目的主入口，其中包含了复选框元素和必要的JavaScript引用。开发者可能使用自定义数据...
《jQuery实现手机通讯录选中删除功能详解》 在网页开发中，实现类似手机通讯录的选中与删除功能是一项常见的需求。jQuery作为一款强大的JavaScript库，提供了丰富的API和便捷的操作方式，使得这一任务变得简单易行...
这段代码会在Checkbox被选中或取消选中时，通过添加或移除`.checked`类来改变Checkbox的视觉状态。 总的来说，这个压缩包提供的代码示例展示了如何结合使用jQuery和Bootstrap3来实现Checkbox的美化和交互增强，这...