获得所有复选框的值为一个类

Question

尝试获取具有类“testclass”的所有复选框以检查它们是否被选中，如果是，则将它们的值添加到theString。

$('.testclass').each(function() { 

     if (this.checked) { 

      var x = this.val(); 

      theString += x + ";"; 

     } 

    }); 

它似乎陷入了获得val的部分？

Answer 1

尝试

$('.testclass:checked').each(function() { 
     alert(($(this).value)) 
    }); 

Answer 2

您的问题

的问题与您的代码是this是DOM元素，而不是一个jQuery对象。你需要改变

var x = this.val(); 

到

var x = this.value; 
//or 
var x = $(this).value; //slower 

---

更好的解决方案

您可以使用:checked在你的选择来获取在复选框的选中状态。您可以使用map()来获取值。

var values = $(".testclass:checked") //get the checked checkboxes 
    .map(function() {    //Map loops through each element in the jQuery object produces a new jQuery object containing the return values. 
     return this.value; 
    }) 
    .get()       //gets the newly created array 
    .join(",");      //joins the array with commas as a seperator 

Answer 3

使用$.map

试试这个

var theString=$('.testclass:checked').map(function(n){ 
    return this.value; 
}).get().join(','); //get the checked value and join it with , 
alert(theString); 

theString将所有的检查值commaseperated ...

Answer 4

var theString = "": 

$('.testclass').each(function() { 

     if ($(this).checked) { 

      theString += $(this).val()+";"; 

     }  

    }); 

UPDATE：我不好，错过了问题的一部分，你也需要价值。

Answer 5

试试下面的代码得到所有选中的复选框值

$('.testclass:checked').each(function() { 

      var x = this.val(); 

      theString += x + ";"; 

    }); 

Answer 6

您可以使用:checked与.testclass类来获得与特定的类为选中的元素：

$('.testclass:checked').each(function() { 
    console.log(this.value) 
}); 

刚刚看到的代码，它似乎你的问题是这样的：

this.val(); 

try c挂任本：

this.value 

或

$(this).val(); //<---------jQuery version 

Answer 7

请看看http://jsfiddle.net/2dJAN/54/

$('.check').on("click",function(){ 
    $.each($('.testclass'), function(){ 
     if($(this).is(':checked')){ 
      alert($(this).val()); 
     } 
    }); 
}); 

Answer 8

尝试

var values = $('.testclass:checked').map(function(idx, el) { 
    return $(el).val() 
}).get(); 

Answer 9

不使用jQuery：

checkedList = [].slice.call (document.querySelectorAll ('.testclass:checked')) 
         .map (function (el) { return el.value; }) 
         .join (';'); 

演示在http://jsfiddle.net/jstoolsmith/AeXWs/