Как получить выбранные значения в JQuery?

Question

foreach($data as $row)
{
    $output .= '
    <tr>
      <td class="col-xs-3">'.$row->policyno.'</td>
    <td class="col-xs-3">'.$row->q_tree.'</td>
    <td class="col-xs-3">'.$row->Tt_tree.'</td>
    <td class="col-xs-3"> 
      <input id="checkbox" style="margin-left:20px" value='.$row->policyno.' type="checkbox" name="plcdata[]" />
        </td>
    </tr>
    ';
}

Я использую этот цикл для просмотра данных в таблице и перехожу на просмотр страницы с использованием Ajax, и я добавил флажок в качестве входных данных для выбранных строк в таблице. Мой вопрос заключается в том, как получить выбранные строки с помощью массива JavaScript name="plcdata[] ввода флажка?

Answer 1

Я получу все проверенные строки и сохраню их в массиве:

let values = [];
$("#checkbox").each(function() {
    if($(this).is(":checked")){
         values.push($(this).parent().parent()); //first parent is td, it parent is tr
    }
});

Answer 2

<div><input type="checkbox" value="4" class="chk"> Value 4</div>

Значение 5

$(document).ready(function(){
    $('#getValue').on('click', function(){
        // Declare a checkbox array
        var chkArray = [];
        
        // Look for all checkboxes that have a specific class and was checked
        $(".chk:checked").each(function() {
            chkArray.push($(this).val());
        });
        
        // Join the array separated by the comma
        var selected;
        selected = chkArray.join(',') ;
        
        // Check if there are selected checkboxes
        if(selected.length > 0){
            alert("Selected checkboxes value: " + selected);	
        }else{
            alert("Please select at least one checkbox.");	
        }
    });
});

this was found on another web page. this is work properly. that was solved my problem.

Answer 3

Вы можете получить все флажки, выбранные с помощью этого:

<input id="UNIQUE_ID" style="margin-left:20px" value='.$row->policyno.' type="checkbox" name="plcdata[]" class="plcdata"/>

var policyno = [];
var checkedBoxes = $('.plcdata:checked');
    $.each(checkedBoxes, function () {
    policyno.push(value);
})

Вы также должны использовать уникальный идентификатор для всех флажков, если вы хотите добавить идентификатор, иначе вы можете удалить его.