Ako skryť obsah pri políčko je začiarknuté, a ukázať, ak políčko nie je začiarknuté?

Question 1

Mám sociálnych médií domovská stránka noviniek okien rozšírenie prehliadača chrome. Chcem na zavedenie novej funkcie v mojej pripravovanej verzii, kde používatelia môžu obrátiť na krmivo jednotlivých miest zapnúť alebo vypnúť v menu nastavenia. Som postavil settings.html a background.js súbor. Settings.html bude nastavenia stránku, kde užívatelia môžu zase kanály zapnúť alebo vypnúť pomocou zaškrtávacích políčok.

To, čo chcem, kód robiť: chcem domovskej stránke noviniek skryť, ak používateľ kontrol na poli, inak, chcem kanál zobraziť.

Mám podozrenie, kód nefunguje, pretože musím urobiť nejaké zmeny v mojom nákladu.json súbor.

Manifest súbor má nasledujúce (som odstránil súkromné veci s "//"

{
    "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>

Kód nižšie triedy "jiji" je pre moje vstupný prvok (zaškrtávacie políčko) v settings.html súbor. Triedy "tn0ko95a" je pre triedy, ktorý v sebe skrýva domovská stránka noviniek na webové stránky sociálnych médií. To nie je moje vlastné triedy, dostal som to z konanie "inspect element' na webové stránky sociálnych médií.

Tento kód funguje:

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

Ale keď som sa pridať viac, tento kód nefunguje to:

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

Tak prečo je posledný kód nefunguje?

Question 2

Skúste zmeniť namiesto kliknite na tlačidlo

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

Alebo môžete použiť myši nadol pozri tento príklad jQuery políčko zmeniť, a kliknite na udalosť

Wamiq Rehman · Answer 1 · 2021-11-18T19:51:06

0

Skúste zmeniť namiesto kliknite na tlačidlo

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

Alebo môžete použiť myši nadol pozri tento príklad jQuery políčko zmeniť, a kliknite na udalosť

Wamiq Rehman

2021-11-18 19:51:06

Vďaka. Čo o HTML vstupného prvku? Nič vám odporúčame som tam zmeniť? Počul som, že už nebudeme musieť pridať onchange alebo onclick = ... ak používate jquery. Je to pravda?

abc_13

Wamiq Rehman

Nie sme pridania akejkoľvek udalosti onchange vstup odpoveď je čisto spracované jquery

Wamiq Rehman

Hej! Odpoveď nefunguje. Mám podozrenie, že musím urobiť nejaké zmeny nákladu. Možno by som mal používať niektoré chrome API pre túto prácu.

abc_13

Otázkou, ktorá prvok vo vašej kód(alebo akýkoľvek iný prvok, ktorý nie je z vášho kódu), ktoré chcete skryť

Wamiq Rehman

Dobre, táto trieda je pre prvku div s inými prvkami vo vnútri. V podstate to skrýva domovská stránka noviniek na webové stránky sociálnych médií.

abc_13

Ako skryť obsah pri políčko je začiarknuté, a ukázať, ak políčko nie je začiarknuté?

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii