我有多個復選框，其中一些具有相同的類、名稱和值。除了 JS 或 Jquery 之外，我如何隱藏它們？這是我的代碼，它回顯了多個復選框（它們之前有一個回圈）
<input style="width: auto;" type="checkbox" name="<?php the_field('tiker'); ?>" value="<?php the_field('tiker'); ?>">
<label for="scales"><?php the_field('tiker'); ?></label>
輸出輸入示例：
<div style="margin-top: 5px;">
<input style="width: auto;" type="checkbox" name="SBER" value="SBER">
<label for="scales">SBER</label>
<input style="width: auto;" type="checkbox" name="SBER" value="SBER">
<label for="scales">SBER</label>
<input style="width: auto;" type="checkbox" name="vtbr" value="vtbr">
<label for="scales">vtbr</label>
<input style="width: auto;" type="checkbox" name="APL" value="APL">
<label for="scales">APL</label>
</div>
uj5u.com熱心網友回復：
如果復選框值是預先知道的，那么您可以簡單地使用 css 來選擇和隱藏重復項。我們不能為此使用:first-child或:nth-child之類的偽類，因為我們是按屬性選擇的。然而，我們可以使用通用的同級組合符(~) 來做同樣的事情。
css 選擇器適用display:none于除第一個匹配項之外的所有匹配項，如代碼段所示。請注意，您還需要隱藏關聯的標簽。
但是，如果事先不知道復選框值，那么您需要使用 JavaScript 隱藏它們。更好的是，讓 PHP 過濾掉后端的重復項。
另請參閱：CSS 從具有特定屬性的元素中選擇第一個子元素
input[value=SBER]~input[value=SBER],
input[value=SBER] label~input[value=SBER] label {
display: none;
}<div style="margin-top: 5px;">
<input style="width: auto;" type="checkbox" name="SBER" value="SBER">
<label for="scales">SBER</label>
<input style="width: auto;" type="checkbox" name="SBER" value="SBER">
<label for="scales">SBER</label>
<input style="width: auto;" type="checkbox" name="vtbr" value="vtbr">
<label for="scales">vtbr</label>
<input style="width: auto;" type="checkbox" name="APL" value="APL">
<label for="scales">APL</label>
<input style="width: auto;" type="checkbox" name="SBER" value="SBER">
<label for="scales">SBER</label>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/476671.html
標籤：javascript jQuery 复选框