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

How to get radio button checked using each function

本文关键字：检查 单选按钮 功能 何使用      更新时间：2023-10-07

我试图在用户检查其中一个单选按钮选项后获得总价。每当用户点击单选按钮时，它就会循环所有选中的单选按钮，并将所有复选框相加以获得最终总数。但问题是总的来说总是错误的。

 // 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

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

您需要使用无线电的更改事件

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

演示：Fiddle

相关文章：