2011-05-28 72 views
0

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

如何用jquery做到這一點?

+0

如果單選按鈕被禁用,則沒有人可以選擇/點擊此 – diEcho 2011-05-28 16:27:28

回答

1

這可能會有所幫助: 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); 
});