當點擊禁用的單選按鈕時提醒用戶

Question

我有一個最初禁用的單選按鈕列表，如果用戶單擊或嘗試選擇一個，他會收到警告，告訴他他必須登錄才能選擇選項。

如何用jquery做到這一點？

Answer 1

顯然，禁用的元素不火鼠標事件：Event on a disabled input

Answer 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); 
});