jquery如何根据多选框name来获得选中的值

最新推荐文章于 2020-01-14 12:14:18 发布
最新推荐文章于 2020-01-14 12:14:18 发布
阅读量493 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012574931/article/details/50292861
版权 

$("input:checkbox[name='test']:checked").each(function() { // 遍历name=test的多选框
  $(this).val();  // 每一个被选中项的值
});


相关网站：

http://zhidao.baidu.com/link?url=Muyzhr7MyUvLOQ4WD-gCirXHW-P1aHEg7ISFaRi6DIQ--5JFJzHP42-CO9BfkK4xQadSI_B2dQAESSJw1s5jxa


栗子hl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery如何根据多选框name来获得选中的值。
aguo0305的博客
07-24 662
根据多选框name来获得选中的值可用如下 jquery代码实现 1 2 3 $("input:checkbox[name='test']:checked").each(function(){//遍历name=test的多选框 $(this).val();//每一个被选中项的值 }); 实例演示：给出两组多选框，...
jQuery获取name相同被选中的多选框的值
weixin_30732825的博客
02-13 1494
var name= ""; $("input:checkbox[name='AllElection']:checked").each(function () { name+= $(this).val() + " "; }); 转载于:https://www.cnblogs.com/Dingcps/p/10369632.ht...
Jquery同一页面根据name赋值多个下拉选
奋斗的小牛的博客
01-14 1130
JQuery实现根据name赋值多个下拉选内容，传入下拉选name，赋值数组 //根据name赋值多个相同下拉选 function setManySelect(name, type, values) { $("select[name='" + name + "']").each(function (index) { var length = valu...
获得chekbox的id
YINYANLI123456的博客
11-19 396
[代码] [JavaScript]代码 ? 1 2 3 4 5 6 var id_array=new Array();  $('input[name="id"]:checked').each(function(){      id_array.push($(this).attr('id
jquery获得复选框checkbox中选中的值
可丁笔记
06-14 190
         Html代码：         <input type="checkbox" name="test" value="1">1 <input type="checkbox" name="test" value="2">2 <input type="checkb
jQuery 获取多选框的值及多选框中文的函数
10-22
要获取选中多选框的值，可以编写一个jQuery函数，遍历所有`name`匹配的已选中多选框，并收集它们的`value`属性。以下是一个示例函数： ```javascript function returnCheckboxVal(name) { var data = ""; $('...
jQuery获取复选框被选中数量及判断选择值的方法详解
10-22
其次，获取复选框被选中值的方法与数量类似，通过遍历所有被选中的复选框元素，并使用`.val()`方法获取它们的值，示例中通过绑定点击事件来实现。值得注意的是，示例中使用了`$("[name='checkbox'][checked]")`来...
jQuery实现获取多选框的值示例
10-15
在本示例中，我们将详细探讨如何使用jQuery来获取多选框（checkbox）的值，同时了解相关的jQuery事件响应和页面元素属性获取方法。 首先，我们需要了解jQuery的选择器。在jQuery中，`$`符号是库的主入口点，用于...
Jquery获取复选框被选中值的简单方法
10-27
通过以上描述，我们可以看到，利用Jquery获取复选框被选中的值是一个简单的过程，它涉及到了Jquery的基本选择器、遍历方法和事件绑定功能。Jquery的简单易用性使其在前端开发中得到了广泛的运用，即使是没有太多...
jquery获取复选框checkbox的值的简单实现方法
10-22
2. **jQuery方式**：通过`$('input[name="interest"]:checked')`这个选择器直接定位所有名称为"interest"且被选中的复选框，然后再次使用`.each()`方法遍历这些元素。在这个过程中，我们使用jQuery的`.val()`方法...
jQuery实现获取选中复选框的值
热门推荐
GoGoCoder
06-20 9万+
jQquery实现获取选中复选框的值应用场景：我们应该经常见到系统中出现列表，会有一个对列表数据的操作（如删除， 修改，查看等）。我们可以在每个列表项后面加一个删除按钮，把列表项的 相关参数（如 id）post到后台进行删除。当然如果你每次只要删除一两条数 据这样子做并没有什么问题，但是如果你需要一次性删 除100条，你还去一条 条的删除吗？每一次删除10条会不会更好些呢？
jquery 获取checkbox 或 select 的选中值（一组和单个）
Just Code
12-24 653
使用 jquery 获取一组或者单个 checkbox 的选中状态的值。下面通过一个示例进行说明，假设现有一页面有一组 checkbox 的 name 的值为 id ，那么获取这组 name=id 的checkbox的值的方法如下： var id_array=new Array(); $('input[name="id"]:checked').each(function(){ id_a...
$("input[name='a']").each(function ()
a1085441210的博客
10-09 7632
$("input[name='a']").each(function () {             Aval = $(this).val();             alert(Aval);         });   解释：取当前页面所有name='a'的input元素，循环每一个取到的元素,将其value的值赋 给Aval，并输出。    ...
Jquery $("input:checkbox[name='xxx']:checked)的含义
sutonline的博客
08-23 1万+
Jquery $(“input:checkbox[name=’xxx’]:checked)的含义:checkbox 是一个jquery extension selector，不属于css的方法，无法利用dom本身的作用.有以下几种: selector function :animated Selector Select all elements that are in the pro
jQuery怎么获取全部被选中的checkbox并依次操作
心中有侠
07-31 2万+
$("input:checkbox[name=所有的checkboxname同名]:checked").each(function(){ //操作 }); 这里要注意所有的checkbox的name要是一样的，each（）方法会依次操作每一个获取到的checkbox。...
Jquery 获得Form下的所有text、checkbox等表单的值
wangql521的专栏
09-05 1393
Jquery使用表单我主要是想获得某一个表单下的所有text获得checkbox的值: 可以这样写: var parameter={};  $("input[type=text]",document.forms[0]).each(function(){   alert(this.name);  }); 获得所有名为hobby的选中的checkbox的值和form2下的所有t
jquery获取带name属性input的值
小白一个
05-18 1万+
（1）简单input $("input[name='xxx']").val(); （2）type=radio的input（获取选中的值） $("input[name='xxx']:checked").val();
Jquery 获取指定 table下 所有 type='text' 的 input
ID1292904917的专栏
12-08 887
其中 aaa  是table 的 id$("#aaa :input[type=text]").each(function(i){     alert(this.value);    this.value = ""; });  注意 #aaa :input[type=text]  不能写成 [@type=text]  
jquery操作多选框
最新发布
07-25
jQuery是一个强大的JavaScript库，它简化了网页文档操作、事件处理以及动画等功能，使得开发者能够更高效地编写HTML交互式应用。对于多选框的操作，在jQuery中同样提供了方便的方法。 ### 初始化选择器 首先，需要使用jQuery的选择器来定位多选框元素。例如，如果你有多个多选框位于同一个页面上，你可以通过给每个多选框添加唯一的`id`属性来进行精确选择。然而，如果它们共享相同的结构或存在于动态生成的内容中，可以采用如`.input-type`, `.checkbox-group`等通用类名作为选择器。 ```javascript // 选取所有名为 "myCheckbox" 的多选框 var checkboxes = $('input[type="checkbox"][name="myCheckbox"]'); ``` ### 激活或禁用多选框 使用jQuery可以轻松地激活或禁用多选框。激活意味着用户可以在其中进行选择；而禁用则不允许用户进行选择。 ```javascript // 批量激活所有的多选框 checkboxes.prop('disabled', false); // 批量禁用所有的多选框 checkboxes.prop('disabled', true); ``` ### 获取已选状态 为了检查某个特定的选项是否已被用户选择，可以使用`.prop()`函数获取多选框的状态，并转换为布尔值。 ```javascript // 判断第0个选项是否已选中 if (checkboxes.eq(0).is(':checked')) { console.log("The first checkbox is checked."); } else { console.log("The first checkbox is not checked."); } ``` ### 管理多选框集合 当你需要对一组多选框执行统一的操作时，可以遍历整个集合并进行相应的修改。 ```javascript // 遍历多选框集合并改变其状态 checkboxes.each(function() { this.checked = !this.checked; // 反转当前多选框的选择状态 }); ``` ### 绑定事件处理器 事件绑定也是jQuery的一个强大特性，用于监听多选框的变化，如“单击”、“更改状态”。 ```javascript // 监听多选框状态变化 checkboxes.change(function() { if ($(this).is(':checked')) { console.log("This checkbox was just selected."); } else { console.log("This checkbox was deselected."); } }); ``` 通过以上方法，您可以利用jQuery有效地管理和控制多选框的交互和状态，极大地提高了开发效率和用户体验。当然，这只是jQuery众多功能之一的示例，还有更多其他操作和API可供探索。希望这能帮助您更好地理解如何在项目中运用jQuery操作多选框！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值