Question

我正在尝试为元素.active-color提供所选单选按钮的值。

active-color中的文字应更改为所选的单选按钮。我错过了什么？

HTML

<div class="swatch">

   <div class="swatch-element schwarz">       
      <div class="tooltip">Schwarz</div>        
      <input id="schwarz" type="radio" name="properties[Farbe]" value="Schwarz" data-image="url({{ 'schwarz.jpg' | asset_url }})" checked="checked">        
      <label for="schwarz"></label>        
   </div>

   <div class="swatch-element weiss">       
      <div class="tooltip">Weiss</div>        
      <input id="weiss" type="radio" name="properties[Farbe]" value="Weiss" data-image="url({{ 'weiss.jpg' | asset_url }})">        
      <label for="weiss"></label>        
   </div>

   <div class="swatch-element chamois">       
      <div class="tooltip">Chamois</div>        
      <input id="chamois" type="radio" name="properties[Farbe]" value="Chamois" data-image="url({{ 'chamois.jpg' | asset_url }})">        
      <label for="chamois"></label>        
   </div>

</div>
<span class="active-color"></span>

功能：

jQuery('.active-color').text($(".swatch input:checked").val());

Answer 1

可以是班级名称swatch，它应该是swatch-element

jQuery('.active-color').text($(".swatch-element input:checked").val());

演示：Fiddle

Answer 2

您正在查看swatch下的输入，但它是swatch-element 所以改为以下行

jQuery('.active-color').text($(".swatch input:checked").val());

到

jQuery('.active-color').text($(".swatch-element input:checked").val());

Answer 3

使用这个你使用错误的班级名称swatch它应该是swatch-element

jQuery('.active-color').text($(".swatch-element input:checked").val());

如何使用jQuery获取所选单选按钮的值

3 个答案: