使用jquery处理多选框checkbox选中和未选中的值

今天遇到的一个问题是需要向后台传送多选框即具有checkbox属性的input表单控件的值，需要分别获取选中和未选中的值然后拼成字符串后传递给后台，我的解决办法如下：

首先需要做的是分别创建两个数组，然后使用jquery来定位选中和未选中的input控件，获取方式是，选中的input控件的checked属性是checked，因此可以直接使用过滤方法冒号加checked来获取，而未选中的input控件我们可以通过取反的方式来获得，即使用not(:checked)的方式来定位，然后使用each()方法循环添加到数组中，最后使用数组的join方法将元素连接即可。源代码如下：

$('#doc-search').on('click',function(){varcheck_array = new Array(),uncheck_array = new Array();$('.tag-search input:checked').each(function(){check_array.push($(this).val());});$('.tag-search input:not(:checked)').each(function(){uncheck_array.push($(this).val());});selected_tags = check_array.join(';');unselected_tags = uncheck_array.join(';');alert(unselected_tags);});

对于select标签也是类似的情况，我们可以通过:selected的方式来筛选被选中的option。

使用jquery处理多选框checkbox选中和未选中的值相关推荐

jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
jQuery Mobile中复选框checkbox的data-*选项
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中复选框checkbox的data-*选项带有 type="checkbox ...
JQuery实现复选框CheckBox的全选、反选、提交操作
对复选框最基本的应用,就是对复选框进行全选.反选和提交等操作.复杂的操作需要与选项挂钩,来达到各种级联反应效果. [示例]使用Jquery实现复选框CheckBox的全选.反选.提交操作. (1)创建 ...
js,jquery获取复选框checkbox被选中的值
转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...
jquery获取复选框checkbox被选中的值
获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...
js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
[jQuery] 判断复选框checkbox是否选中checked
返回值是true/false method 1: $("#register").click(function(){if($("#accept").get(0). ...
jquery实现复选框checkbox全选，取消全选
jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的,是Iterator循环遍历出来的. <td class="rd8"> <input typ ...
jquery操作复选框(checkbox)的12个小技巧总结
1.获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val() 或者 $("input:[type='checkbox' ...
复选框遍历选中 php,jQuery的复选框选择并且获取值
这次给大家带来jQuery的复选框选择并且获取值,jQuery复选框选择并且获取值的注意事项有哪些,下面就是实战案例,一起来看一下. 一.checkbox选择在jQuery中,选中checkbox通 ...

使用jquery处理多选框checkbox选中和未选中的值

使用jquery处理多选框checkbox选中和未选中的值相关推荐

最新文章

热门文章