layuiのテーブルをクリックしてチェックボックスの機能方法をチェックします。

以下の通りです

//     checkbox  
$(document).on("click",".layui-table-body table.layui-table tbody tr", function () {
 var index = $(this).attr('data-index');
 var tableBox = $(this).parents('.layui-table-box');
 //     
 if (tableBox.find(".layui-table-fixed.layui-table-fixed-l").length>0) {
  tableDiv = tableBox.find(".layui-table-fixed.layui-table-fixed-l");
 } else {
  tableDiv = tableBox.find(".layui-table-body.layui-table-main");
 }
 var checkCell = tableDiv.find("tr[data-index=" + index + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");
 if (checkCell.length>0) {
  checkCell.click();
 }
});

$(document).on("click", "td div.laytable-cell-checkbox div.layui-form-checkbox", function (e) {
 e.stopPropagation();
});

原理を実現する：テーブルのdivバインディングを見つけてイベントをクリックし、テーブルの行に移動します。
1、行のインデックスを取得するdata-indxは、後でcheckboxのコントロールを検索するために準備されています。
2、固定列があるかどうかによって、checkboxがあるテーブルテーブルテーブルテーブルテーブルを検索する（固定列がある場合、固定列は別のテーブルであり、checkboxコントロールはこの上にあるので、これを優先的に取る）
3、tableとdata-indxでcheckboxコントロールを検索します。td div.laytable-cell-checkbox div.layui-form-checkbox I」があればクリックします。
4、tdのクリックイベントをブロック停止し、イベントの泡が再び上記のクリックイベントをトリガすることを防止する5、このコードをページ初期化後に一回実行すればいいです。
実行効果:行をクリックして、チェックを自動選択または解除します。
以上のlayuiのテーブルをクリックしてチェックボックスの機能方法を選択します。小編集は皆さんに全部の内容を共有しています。参考にしてもらいたいです。どうぞよろしくお願いします。