bootsrap 모달 대화 상자에서 버튼을 비활성화하는 방법은 무엇입니까? 다음 코드</p> <pre><code>modal.find('.modal-body #transfer').prop('disabled', true) </code></pre> <p>그러나 위의 버튼이 작동하지 않습니다와 입력 필드를 사용하지 않도록 설정하는

Question

현재 수. 버튼 코드는 다음과 같습니다.

<button id="transfer" type="button" class="btn bg-orange btn-flat" onclick="transfer()" >Transfer</button> 

Answer 1

을 해제하려면 아래의 코드를 사용합니다. 큰 따옴표 여야합니다.

Answer 2

버튼에 disabled 속성을 사용해야합니다. attr() 코드로 다음 기능을 시도해보십시오.

modal.find('.modal-body #transfer').attr('disabled', true); 

Answer 3

은 여기 솔루션

$('.modal').find('button#transfer').prop('disabled', 'disabled'); 

예 솔루션이 도움이 될 것입니다

$('.modal').find('button#transfer').prop('disabled', 'disabled');

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<!-- Trigger the modal with a button --> 
 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
 

 
<!-- Modal --> 
 
<div id="myModal" class="modal fade" role="dialog"> 
 
    <div class="modal-dialog"> 
 

 
    <!-- Modal content--> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <p>Some text in the modal.</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button id="transfer" type="button" class="btn bg-orange btn-flat" onclick="transfer()" >Transfer</button> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
</div>

희망과 함께 할 것입니다.

Answer 4

이 문제는 작은 따옴표로 사용할 명령을 사용하여 있던 버튼 -

$('#transfer').prop('disabled',true);