JQuery - 隐藏表列

时间:2017-04-06 15:33:51

标签: jquery

我目前正在学习JQuery。我在我的wwwroot文件夹中保存了JQuery文件。脚本和HTML如下:

 private let position = AVCaptureDevicePosition.back
 private let deviceTypeBackCamera = AVCaptureDeviceType.builtInWideAngleCamera

 private func selectCaptureDevice() -> AVCaptureDevice? {
    return AVCaptureDeviceDiscoverySession(deviceTypes: [deviceTypeBackCamera], mediaType: AVMediaTypeVideo, position: position).devices.first

 }

我正在尝试通过复选框添加和删除列,但它根本无法正常工作。 我不明白为什么它不起作用?有没有人有任何想法?

2 个答案:

答案 0 :(得分:1)

我认为您正在尝试执行以下操作:

$(document).on('change', 'input:checkbox', function() {
    if($(this).is(':checked')){
        var column = "table ." + $(this).attr("name");
        $(column).toggle();
    }else{
      var column = "table ." + $(this).attr("name");
        $(column).hide();   
    }
});

检查复选框上的修改。 参考:How to detect a checkbox click in jQuery

答案 1 :(得分:1)

将您的代码包装在document.ready function

  $(document).ready(function () {     
       $("input:checkbox:not(:checked)").each(function() {
            var column = "table ." + $(this).attr("name");
            $(column).hide();
        });

        $("input:checkbox").click(function(){
            var column = "table ." + $(this).attr("name");
            $(column).toggle();
        });
   });