仅对未禁用的单选按钮使用.on（）

Question

我有以下代码，单击单选按钮时会运行。但是我正在尝试更改它，因此只有在未单击被单击的单选按钮时才会运行。

有人可以帮我吗？

$('#divName').on('click', 'input[type="radio"]', function(event) { }

Answer 1

您可以使用:enabled选择器：

$('#divName').on('click', 'input[type="radio"]:enabled', function(event) { }

但是，根据您想要做什么，您可能希望改为使用change事件：

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

Answer 2

怎么样（未经测试）：

$('#divName').on('click', 'input[type="radio"]:enabled', function(event) { }

Answer 3

一种方法是使用:not()

$('#divName').on('click', 'input[type="radio"]:not([disabled])', function(event) { }

另一种方法是在函数处于非活动状态时立即退出该函数。

$('#divName').on('click', 'input[type="radio"]', function(event) { 
    if (this.disabled) return;
});