columnShow.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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. console.log(isAccept);
  10. localStorage.setItem('curingColumn_'+column, isAccept);
  11. });
  12. })
  13. /**
  14. * 初始化数据列--是否展示
  15. * @param columnLength
  16. * @returns
  17. */
  18. function refreshColumn(columnLength){
  19. var checkBoxList=$('input[type=checkbox][name=columnShow]');
  20. var cbi=0;
  21. for(var i=1;i<=columnLength;i++){
  22. var isAccept=localStorage.getItem("curingColumn_"+i);
  23. if(isAccept=='false'){
  24. isAccept=false;
  25. }
  26. if (isAccept==null||isAccept) {
  27. //console.log(isAccept);
  28. checkBoxList.eq(cbi).attr("checked",'true');
  29. }else{
  30. //console.log(isAccept+'dddd');
  31. checkBoxList.eq(cbi).removeAttr("checked");
  32. }
  33. isColumnShow(isAccept,i);
  34. cbi++;
  35. }
  36. }
  37. function isColumnShow(isAccept,column){
  38. if (isAccept==null||isAccept) {
  39. //console.log(isAccept==null||isAccept);
  40. $('table[columnShow] tr').find('th:eq('+column+')').show();
  41. $('table[columnShow] tr').find('td:eq('+column+')').show();
  42. } else {
  43. //console.log(column);
  44. $('table[columnShow] tr').find('th:eq('+column+')').hide();
  45. $('table[columnShow] tr').find('td:eq('+column+')').hide();
  46. }
  47. }