javascript - 如何使用每个功能检查单选按钮

Question

在用户检查其中一个单选按钮选项后，我尝试获取总价。每当用户单击单选按钮时，它都会循环所有选中的单选按钮并对所有单选按钮求和以获得最终总数。但问题是总数总是错的。

 // Radio Option
 $('label.radio_label').on('click', function () {

     var total = 0;

     $('.parent_radio_option input[type="radio"]:checked').each(function (index) {

         var radio_option = $(this).data('price');
         total += parseInt(radio_option);

         console.log(radio_option);

     });

     console.log('total: ' + total);
 });

您可以在这里尝试JSFiddle

Answer 1

当点击label时，input元素的检查状态尚未更改，因此您将始终获得先前检查的输入元素的值。

需要使用radio的change事件

$('.parent_radio_option input[type="radio"]').on('change', function () {})

演示:Fiddle