獲得所有複選框的值爲一個類

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/