单击禁用的单选按钮时提醒用户答案

【问题标题】：alerting the user when clicking a disabled radiobutton单击禁用的单选按钮时提醒用户
【发布时间】：2011-09-04 00:05:18
【问题描述】：

我有一个最初禁用的单选按钮列表，如果用户单击或尝试选择一个，我会收到一条警报，告诉他必须登录才能选择一个选项。

jquery 怎么做？

【问题讨论】：

如果单选按钮被禁用，那么没有人可以选择/点击它

标签： jquery validation radio-button

【解决方案1】：

显然，禁用的元素不会触发鼠标事件：Event on a disabled input

【讨论】：

【解决方案2】：

这可能会有所帮助： http://blog.pengoworks.com/index.cfm/2010/4/23/Attaching-mouse-events-to-a-disabled-input-element

我从页面自定义代码以在这种情况下更有用（http://jsfiddle.net/jqzWK/）：

var disabled = $('input[type="radio"]:disabled');
disabled.each(function () {
    var self = $(this),
        field = self,
        overlay = $('<div />');
    if (self.parent().is('label')) {
        field = self.parent();
    }
    overlay.css({
        position: 'absolute',
        top: field.position().top,
        left: field.position().left,
        width: field.outerWidth(),
        height: field.outerHeight(),
        zIndex: 10000,
        backgroundColor: '#ffffff',
        opacity: 0
    }).click(function () {
        alert('You must log in.');
    });
    self.parent().append(overlay);
});

【讨论】：