columnShow.js 1001 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. $(function() {
  2. /**
  3. * change事件-隐藏-显示数据列
  4. */
  5. $('input[type=checkbox][name=columnShow]').on('change', function(e) {
  6. var column = $(this).attr('column');
  7. var isAccept = $(this).prop("checked");
  8. isColumnShow(isAccept,column);
  9. localStorage.setItem('curingColumn_'+column, isAccept);
  10. });
  11. })
  12. /**
  13. * 初始化数据列--是否展示
  14. * @param columnLength
  15. * @returns
  16. */
  17. function refreshColumn(columnLength){
  18. var checkBoxList=$('input[type=checkbox][name=columnShow]');
  19. console.log(checkBoxList);
  20. for(var i=1;i<=columnLength;i++){
  21. var isAccept=localStorage.getItem("curingColumn_"+i);
  22. isColumnShow(isAccept,i);
  23. }
  24. }
  25. function isColumnShow(isAccept,column){
  26. if (isAccept==null||isAccept) {
  27. $('table[columnShow] tr').find('th:eq('+column+')').show();
  28. $('table[columnShow] tr').find('td:eq('+column+')').show();
  29. } else {
  30. $('table[columnShow] tr').find('th:eq('+column+')').hide();
  31. $('table[columnShow] tr').find('td:eq('+column+')').hide();
  32. }
  33. }