2014-10-12 1 views
1

"normalbtn"과 같은 클래스의 버튼이 여러 개 있습니다. 사용자가이 버튼 중 하나를 클릭하면 AJAX 함수가 호출됩니다. AJAX 요청 프로세스가 진행되는 동안 "normalbtn"클래스가있는 다른 모든 버튼을 비활성화하려고합니다.다음 시나리오에서 AJAX 함수 호출시 폼에 같은 클래스가있는 모든 버튼을 비활성화하고 활성화하는 방법은 무엇입니까?

"normalbtn"클래스를 가진 모든 버튼이 요청에서 성공 응답을 가져올 때 활성화되어야합니다.

다음 기능 코드에서 필요한 변경을 수행하면 어떻게해야합니까?

function change_value(data_url, op, id, value) { 
    var data_value = value; 

    $.post(data_url, {'op':op, 'id':id, 'value':data_status }, function(data) { 
    if(data_value=='0') { 
     var value = '1'; 
     $('#data_value_'+id+' button').text("On"); 


    } else { 
     var value = '0'; 
     $('#data_value_'+id+' button').text("Off"); 

    } 
    $('#data_value_'+id).attr('onClick', "change_value('"+data_url+"', '"+op+"', '"+id+"', '"+value+"');return false;");   
    }); 
} 

미리 감사드립니다.

+0

당신은 $를 시도해 봤어 ('장애인', 진정한 소품 ('normalbtn를.').). HTML을 게시 할 수도 있습니까? attr ('onClick')은 권장하지 않습니다. – cforcloud

+0

@cforcloud : 이것을 알고 있지만 내 코드에이 코드를 어디에 써야합니까? 또한 성공 응답이 오면 이러한 버튼을 활성화하는 코드도 추가해야합니다. 그러나 어디에서? – PHPLover

답변

0

게시물 앞에 표시를 사용 중지하고 다시 사용 설정합니다.

$('.normalbtn').prop('disabled', true); 

$.post(data_url, {'op':op, 'id':id, 'value':data_status }, function(data) { 
    /// on success 
    $('.normalbtn').prop('disabled', false); 
}); 

편집 :
대신 ATTR ('온 클릭') 방식의 '데이터'속성을 사용하려고 http://api.jquery.com/data/

관련 문제