jquery - 如何使用 jQuery 打开和关闭单选按钮？

Question

您好，我有一个单选按钮，需要能够打开和关闭。我知道我应该使用复选框，但不幸的是，由于太长无法解释的原因，我不得不使用单选按钮。

它是一个单选按钮，因此当我单击它时，无法将其关闭。

是否可以使用 jQuery 打开和关闭单个单选按钮？

这是我目前所拥有的，但我无法让它发挥作用。

    jQuery('.gfield_radio li input').click(function() {
        if(jQuery(this).is(':checked')) {
            jQuery(this).prop('checked', true);
        }

        else if (!jQuery(this).is(':checked')) {
            jQuery(this).prop('checked', false);
        }
    });

如有任何帮助，我们将不胜感激!

谢谢

Answer 1

我个人不会使用单选按钮。无论如何，下面的代码将起作用。

    var radioState;

    $('.my-radio').on('click', function() {
        if (radioState === this) {
            this.checked = false;
            radioState = null;
        } else {
            radioState = this;
        }
    });

jsfiddle 在这里:https://jsfiddle.net/n76uvo00/