我就喜欢这种有代码的问题

示例在这里，综合之前的回答
https://jsfiddle.net/7y2hw7L8/

代码有些改动，照例是用的 es6 的语法

$(":radio:checked").closest(".discount").addClass("checked");
$(":radio").on("change", e => {
    const $radio = $(e.target);
    const $p = $radio.closest(".discount");
    // 找到当前 radio 的 name，下面用这个 name 来选 .discount
    const name = $radio.attr("name");
    $(`.discount:has([name=${name}])`).removeClass("checked");
    $p.addClass("checked");
});

$(":radio:checked").closest(".discount").addClass("checked");

$(":radio:checked").closest(".discount").addClass("checked");

// 问题在这里
$(":radio").on("change", e => {
    const $p = $(e.target).closest(".discount");
    console.log($p);
    $(".discount").removeClass("checked");
    $p.addClass("checked");
});

$(":radio:checked").closest(".discount2").addClass("checked");
// 问题在这里
$(":radio").on("change", e => {
    const $p = $(e.target).closest(".discount2");
    console.log($p);
    $(".discount2").removeClass("checked");
    $p.addClass("checked");
});

因为你把 onchange 事件绑定在所有的 input:radio 元素里。所以无论你点击上面一组 radio 元素还是下面一组，你都会触发这两个 onchange 事件对应的回调。所以应该改成类似下面

$('.discount :radio').on('change',e => {

});
$('.discount2 :radio').on('change', e => {

});

或者

$('.discount').on('change', ':radio', e => {

});
$('.discount2').on('change', ':radio', e => {

});

类名都叫 .discount 没有问题。你的 radio 应该用 name 来区分，如果想找指定name 的 radio，可以用

$(":radio[name=abc]").closest(".discount")

或者

$(".discount:has(:radio[name=abc])")