如何隐藏内容当框检查,并显示当框未被选中?

0

的问题

我有一个社会媒体网页的新闻拦截铬扩展。 我要推出一个新的功能,在我即将到来的版本用户可以在这里把饲料的个人网站上或关闭。 我已经建立一个settings.html 和一个background.js 文件。 Settings.html 将设置的网页,用户可以把饲料或关闭与选框。

我想要什么代码要做的:我想首页的新闻来源,隐瞒如果用户检查箱,否则,我希望料来显示。

我怀疑的代码不是工作因为我需要做出一些改变我的清单。json文件。

清单文件具有以下(I除私人的东西"//"

{
    "manifest_version": 2,
    "name": "//",
    "version": "//",
    "description": "//",
    "author": "//",

    "icons": {
        "128": "//"
    },

    "content_scripts": [{
        "html": ["settings.html"],
        "js": ["jquery-3.6.0.min.js", "background.js"],
        "css": ["tiktok.css", "linkedin.css", "youtube.css", "insta.css", "facebook.css", "twitter.css", "reddit.css", "settings.css"],
        "matches": ["https://www.tiktok.com/*", "https://www.linkedin.com/*", "https://www.youtube.com/*", "https://www.instagram.com/*", "https://www.facebook.com/*", "https://twitter.com/*", "https://www.reddit.com/"]
    }],
    
    "background":
    {
        "scripts": ["jquery-3.6.0.min.js", "background.js"]
    },

    "browser_action": {
        "default_title": "//",
        "default_popup": "//"
    }
}

该HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset = ”UTF-8”>
        <script src="jquery-3.6.0.min.js"></script>
        <script src = "background.js"></script>
        <title>Settings</title>
    </head>
    <body class="settings">
        <h1 class = "classa">Settings</h1>
        <h2>Feed Blocking Preferences</h2>
        <h4>Checkboxes to turn all or individual feeds on or off.</h4>
        <input type="checkbox" class = "jiji" id="fbbox">//</input>
    </body>
</html>

在代码下面,类"鸡鸡"是我的输入单元(框)在settings.html 文件。 类"tn0ko95a"是类隐藏的网页的新闻来源在社会媒体网站。 这不是我的类别,我得到了这种做'检查件'的社会媒体网站。

这个代码的工作:

$(function () {
 $(".tn0ko95a").hide();
});

但是,当我加入这个代码的,它不工作:

$(function () {
  $(".jiji").click(function () {
    if ($(this).is(":checked")) {
      $(".tn0ko95a").hide();
    } else {
      $(".tn0ko95a").show();
    }
  });
});

所以为什么是最后一个编码不起作用?

1

最好的答案

0

尝试改变,而不是击

$(function () {
  $(".jiji").change(function () {
    if ($(this).is(":checked")) {
      $(".tn0ko95a").hide();
    } else {
      $(".tn0ko95a").show();
    }
  });
});

或者您可以使用鼠标下来看看这个例子 jQuery框改变和单击事件

2021-11-18 19:51:06

谢谢。 什么有关HTML输入元素? 什么你让我改变吗? 我听说我们不需要增加菜单选择变化或击=...如果使用的! 是真的吗?
abc_13

<input type="checkbox"class="鸡鸡"id="fbbox"/>
Wamiq Rehman

我们是不是加入任何菜单选择变化在输入的答复给出的是纯粹的理由jquery
Wamiq Rehman

嘿! 答案没有工作。 我怀疑,我需要做出一些改变的清单。 也许我需要使用一些铬API,使这项工作。
abc_13

一个问题,这件在你的代码(或任何其他元素不会从你的代码)你想要隐藏
Wamiq Rehman

嗯,类是一div元素与其他要素。 它基本上隐藏的网页的新闻来源在社会媒体网站。
abc_13

其他语言

此页面有其他语言版本

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................