javascript - 停止单选按钮运行多次

Question

抱歉，jQuery 有点新手，一直在阅读一些资料，但找不到解决方案。

我有一个单选按钮，点击它会运行一些 jQuery:

<input type="radio" id="op5" value="1" name="options2" class="custom" />

单击此单选按钮后，将运行以下 jQuery 以在页面上执行多项操作

    jQuery('#op5').click(function () {
        $('input[type=checkbox]').trigger('click');
        $(".white").attr('class', 'white checked');
        $(".blue").attr('class', 'blue checked');
        $(".sub_label").attr('class', 'sub_label')
        $(".sub_label checked").attr('class', 'sub_label')

    });

目前，如果用户重新单击单选按钮，它会重新运行，并且会在重新运行该行时取消选中复选框

$('input[type=checkbox]').trigger('click');

有什么方法可以让我的 jQuery 函数中的代码停止第二次运行？

JS fiddle - https://jsfiddle.net/jqh3L8t6/

Answer 1

在 jquery 中使用 .one() 它只会触发一次。使用 .addClass() 而不是为类添加 attr()

jQuery('#op5').one("click" , function () {
          $('input[type=checkbox]').trigger('click');
          $(".white").addClass('white checked');
          $(".blue").addClass('blue checked');
          $(".sub_label :checked").addClass('sub_label')

 });

Fiddle