选中复选框应显示特定列，其他列应消失

Question

• 我可以在网格上显示网格和右键菜单
• 当我右键单击菜单时，会打开一个复选框。
• 当我选中复选框时，特定列应该显示，其他列应该消失。
• 我的目标是使用数据属性，但它不起作用。
• 你能告诉我如何解决它。
• 在下面提供我的代码 http://jsfiddle.net/e2Lsjcx0/

   

 $("tr th[data-field='codeLong']").hide();



    if ($('input.checkbox_check').prop('checked')) {
      //blah blah
      alert("checked");

      $("tr th[data-field='codeLong']").show();
    }

Answer 1

尝试添加

$('.checkbox_check').on('click', function () {
      alert($(this).attr('checked'));
      $('th[data-field="codeLong"]').hide();
    });

更新了链接

http://jsfiddle.net/e2Lsjcx0/13/