Question

你好，我有一个带有复选框的数据表和一个按钮验证，我想当我点击按钮验证阵列行时检查控制台阵列（名称，编号，地址）中的显示如何使它对我有帮助。这是我的数据表：

<table class="table table-bordered" id="mytable">
        <tr>
            <th><input type="checkbox" id="check_all"></th>
            <th>nom</th>
            <th>matricule</th>
            <th>adresse</th>
        </tr>
        <tr>
            <td><input type="checkbox" class="checkbox"></td>
            <td>najib</td>
            <td>52</td>
            <td>tihit</td>
        </tr>
        <tr>
            <td><input type="checkbox" class="checkbox"></td>
            <td>adil</td>
            <td>62</td>
            <td>tagmast</td>
        </tr>
        <tr>
            <td><input type="checkbox" class="checkbox"></td>
            <td>hajar</td>
            <td>72</td>
            <td>tizgui</td>
        </tr>

    </table>

代码jquery

  <script type="text/javascript">
      $(document).ready(function () {
        $('#check_all').on('click', function(e) {
         if($(this).is(':checked',true))  
         {
            $(".checkbox").prop('checked', true);  
         } else {  
            $(".checkbox").prop('checked',false);  
         }  
        });
        $('.checkbox').on('click',function(){
            if($('.checkbox:checked').length == $('.checkbox').length){
                $('#check_all').prop('checked',true);
            }else{
                $('#check_all').prop('checked',false);
            }
         });
        $("#hide").click(function(){
            //
         let value = $('#nbr').val();
         console.log(value);


       });
       });
  </script>

Answer 1

这应该注意创建数组：

它将忽略表标题行，并检查是否为每个项目选中了该复选框。

items是数组的值。

var items = [];
$("tr").each(function(i,r){
    if ( i > 0 && $(r).find("input").first().prop("checked"))
    {
        items.push({"nom": r.cells[1].innerText, "matricule": r.cells[2].innerText, "adresse": r.cells[3].innerText})
    }
});
console.log(items);

提琴：https://github.com/jenkinsci/working-hours-plugin

如何使用jQuery在数据表中获取数组检查？

1 个答案: