如何推断复选框值?

时间:2014-05-22 18:44:45

标签: javascript jquery arrays

不确定“extraploate”是正确的词,但无论如何......

我有两组复选框。我想从每个组中获取值,然后将它们与另一个组配对,以便选择的每个值对应一个配对。

例如:

Group 1
[x] 1
[x] 2
[x] 3

Group 2
[x] a
[x] b
[x] c

我想取这些检查值并返回9对: 1a,1b,1c,2a,2b,2c,3a,3b,3c

帮助?

1 个答案:

答案 0 :(得分:1)

<强> jsFiddle Demo

选择这两个组并对其进行过滤,以确保只比较选中的复选框。然后迭代第一组,并嵌套迭代第二组内部。将连接值推送到数组,然后使用它来连接它以获取所需的字符串。

var group1 = $('.group1')
  .find('input[type=checkbox]')
  .filter(function(){ return this.checked; });
var group2 = $('.group2')
  .find('input[type=checkbox]')
  .filter(function(){ return this.checked; });
var pairs = []; 
group1.each(function(){
 var me = this;
 group2.each(function(){
    pairs.push(me.value+this.value);
 });
});
var resultString = pairs.join(',');