從複選框中選擇選中的值

Question

我使用java腳本獲取我的html表的值。然後我想將選中的複選框值傳回給我的服務器。但是下面的腳本函數總是給出一個空的選定數組。

function find() { 

    var dataObject = {}; 
    var selected = []; 
    var i; 

    $('input[type="checkbox"]:checked').each(function() { 
     selected.push($(this).val()); 
    }); 

    for (var i = 0, len = selected.length; i < len; i++) { 
     dataObject['id' + (i+1)] = (selected[i]); 

    } 

這裏是接收到的HTML值

<td> 
    <input type="checkbox" tr.id="0" value="0"> 
</td> 

Answer 1

$(":checkbox").change(function() { 
 
    var dataObject = {}; 
 
    var selected = []; 
 
    var i; 
 
    $('input[type="checkbox"]:checked').each(function() { 
 
    selected.push($(this).val()); 
 
    }); 
 

 
    //for (var i = 0, len = selected.length; i < len; i++) { 
 
    // dataObject['id' + (i + 1)] = (selected[i]); 
 

 
    //} 
 
    console.log(selected) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <input type="checkbox" tr.id="0" value="0"> 
 
    </td> 
 
    </tr> 
 
</table>

你是不是調用該函數。在複選框上添加事件處理程序，然後按下數組中的數據

Answer 2

試試這個。

function findcheck() { 

      var selected = []; 

      $('input[type=checkbox]').each(function() { 
       var $this = $(this); 

       if ($this.is(':checked') == true) { 
        selected.push($this.val());   
       } 

      }); 

     } 

findcheck(); 

fiddlelink