[jquery]disabled 한 라디오 버튼에 alert 경고를 띄울 때

disabled 한 라디오 버튼에 alert 경고를 띄울 때!!

역시 스택오버플로우는 대단하다.

안될거라고 생각했고 정말 div로 뭘 씌워야 하나 생각했었는데 딱

내 생각과 같은 질문글!

역시 사람들 생각하는게 같구나 싶었다.

출처는 :  http://stackoverflow.com/questions/6162806/alerting-the-user-when-clicking-a-disabled-radiobutton

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

<label><input type="radio" name="radio" value="1" disabled>1</label>

<label><input type="radio" name="radio" value="2">2</label>

<input type="radio" name="radio" value="3" disabled>3

<input type="radio" name="radio" value="4">4  

I customized code from the page to be more useful in this case ( http://jsfiddle.net/jqzWK/ ):

여기 링크 클릭해서 적용된거 미리보기!