javascript 使用jQuery通过span类获取checked元素

jchrr9hc 于 2023-04-10 发布在 Java

关注(0)|答案(1)|浏览(129)

我正在使用一个插件，它可以根据我在单独的javascript文件中定义的标签创建一个span class元素。我想在复选框被选中时创建一个eventListener，并使用jQuery引用span class中的文本。但是，我不确定如何为每个标签class #leaflet-layerstree-header-label input引用span class。
类似于示例here，它添加了一个map函数来获取集合。
每个标签的元素引用如下：

<label class="layerstree-header-label">
  <input type="checkbox" class="control-layers-selector">
  <span class="layerstree-header-name">7211</span>
</label>

JavaScript

来源：https://stackoverflow.com/questions/75968162/get-checked-element-by-span-class-using-jquery

1条答案

按热度按时间

ffdz8vbo1#

您可以在change事件上为复选框附加事件侦听器，并使用.siblings查找span

$(".control-layers-selector").on("change", function(e) {
  if ($(this).is(':checked'))
    console.log($(this).siblings('span').text());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label class="layerstree-header-label">
  <input type="checkbox" class="control-layers-selector">
  <span class="layerstree-header-name">7211</span>
</label>

<label class="layerstree-header-label">
  <input type="checkbox" class="control-layers-selector">
  <span class="layerstree-header-name">9090</span>
</label>

<label class="layerstree-header-label">
  <input type="checkbox" class="control-layers-selector">
  <span class="layerstree-header-name">9090</span>
</label>

赞(0）回复(0）举报 2023-04-10

我来回答

javascript 使用jQuery通过span类获取checked元素

1条答案

相关问题

热门标签

最新问答