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 here：https://jsfiddle.net/n76uvo00/

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

1 个答案: