Question

我有两个单选按钮，我想使用JS / JQuery从任何单击的表单中提取数据产品名称（在任何表单提交之前）。

我正在尝试这种代码，但却无法正常运行：

    return jQuery({{Click Element}}).closest("form").attr('[data-product-name]');

对于上下文，这是在Google跟踪代码管理器中使用自定义JavaScript变量来将数据置于某些跟踪中。

单选按钮代码：

    <div class="choose-variants">
    <input type="radio"
    id="MB0"
    name="variantSku"
    value="MB"
    data-unit-price="9"
    data-product-name="HB MB" checked />
<label for="MB0">B &amp; C
<span>Save<strong class="choose-label">Recommended</strong></span>
</label>
<input type="radio"
    id="MB-O1"
    name="variantSku"
    value="MB-O"
    data-unit-price="9"data-product-name="HB MB O"/>
<label for="MB-O1">B only
</label>

Answer 1

以下是您的工作示例。单击单选按钮，您将在控制台中获得输出：

＆＃13;

$('input[type=radio]').change(function() {
  console.log($(this).data('product-name'))
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="choose-variants">
  <input type="radio" id="MB0" name="variantSku" value="MB" data-unit-price="9" data-product-name="HB MB" checked />
  <label for="MB0">B &amp; C
<span>Save<strong class="choose-label">Recommended</strong></span>
</label>
  <input type="radio" id="MB-O1" name="variantSku" value="MB-O" data-unit-price="9" data-product-name="HB MB O" />
  <label for="MB-O1">B only
</label>

＆＃13;

点击单击JQuery的单选按钮返回最接近的属性

1 个答案: