Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery如何正确捕获无线电变化_Jquery - Fatal编程技术网

jQuery如何正确捕获无线电变化

jQuery如何正确捕获无线电变化,jquery,Jquery,我有几个单选按钮的简单列表,但似乎无法捕获。我尝试了在SO和youtube上找到的多种可能的解决方案,但似乎没有任何效果 以下是示例HTML的示例: <ul id="shipping_method"> <li> <div class="shipping-block"><input type="radio" name="shipping_method[0]" data-index=

我有几个单选按钮的简单列表,但似乎无法捕获。我尝试了在SO和youtube上找到的多种可能的解决方案,但似乎没有任何效果

以下是示例HTML的示例:

<ul id="shipping_method">
                    <li>
                  <div class="shipping-block"><input type="radio" name="shipping_method[0]" data-index="0" id="shipping_method_0_flat_rate4" value="flat_rate:4"  class="shipping_method" /><label for="shipping_method_0_flat_rate4">
                  <div class="shipping-block-row clearfix">
                  <div class="shipping-radio"></div>
                  <div class="shipping-title">
                  <h3>Delivery 1</h3>
                  </div>
                  <div class="shipping-price">5,00 €</div>
                  </div>
                  <div class="shipping-description"><p>Description 1</p></div></label>
              </div>
                        </li>
                        <li>
                  <div class="shipping-block"><input type="radio" name="shipping_method[0]" data-index="0" id="shipping_method_0_local_pickup3" value="local_pickup:3"  class="shipping_method" /><label for="shipping_method_0_local_pickup3">
                  <div class="shipping-block-row clearfix">
                  <div class="shipping-radio"></div>
                  <div class="shipping-title">
                  <h3>Delivery 2</h3>
                  </div>
                  <div class="shipping-price">3,00 €</div>
                  </div>
                  <div class="shipping-description"><p>Description 2</p></div></label>
                  </div>
                        </li>
</ul>

这是最新的小提琴

jQuery(文档).ready(函数(){
$('input[type=“radio”]”)。更改(函数(){
警报(该值);
});
});

  • 交付1 5,00 € 说明1

  • 交付2 3,00 € 说明2


您忘记加载到jQuery。事实上,这很简单:)jQuery已经加载。如果我尝试在change函数之外发出警报,它会对给定的消息发出警报。那么这个小提琴不会重现问题。我检查了设置,发现jQuery没有加载。加载并开始正常工作。我刚刚测试了自己,它确实有效。但是,它在站点上仍然不起作用。是否将无线电动态附加到DOM?在这种情况下,您需要使用事件委派。在谷歌上搜索。
jQuery(document).ready(function(){

  $('input[type="radio"]').change(function() {
      alert(this.value);
  });

});