當點擊時禁用按鈕與JQuery的其他按鈕

我有幾個按鈕的svg形式，你可以看到。當點擊時禁用按鈕與JQuery的其他按鈕

var g = svg.append('g') 
    .attr('class', 'button') 
    .attr('id', 'deploy') 
    .attr('transform', 'translate(' + [buttonWidth/4, 100] +')'); 

var g2 = svg.append('g') 
    .attr('class', 'button') 
    .attr('id', 'savefile') 
    .attr('transform', 'translate(' + [buttonWidth/4, 150] +')'); 

var g3 = svg.append('g') 
    .attr('class', 'button') 
    .attr('id', 'loadfile') 
    .attr('transform', 'translate(' + [buttonWidth/4, 200] + ')');

1）我想禁用id爲'savefile'的按鈕，當點擊id爲'loadfile'的按鈕時。我寫了代碼片段，因爲它沒有工作。什麼價值可能會有問題？

function disableButton(disableVar) 
{ 
    console.log("disable button"); 
    $(disableVar).prop("disabled", true); 
}

我Load按鈕就是這樣：

button() 
.container(g3) 
.text(text3) 
.count(2) 
.cb(function() { 
     outer.attr("pointer-events", "none"); 
     loadFlag = true; 
     clearFlag = false; 
     $(document).ready(function() { 
      $("#loadfile").click(function() { 
       var disableSaveFile = "#savefile"; 
       disableButton(disableSaveFile); 
      }); 
     }); 
     update(); 
})();

2）我想啓用又有「SAVEFILE」的ID，當我點擊了「部署」的ID按鈕按鈕。以下代碼也不適用於啓用屬性。我的禁用功能和部署按鈕顯示如下。我該如何解決這個問題？

button() 
.container(g) 
.text(text) 
.count(0) 
.cb(function() { 
    outer.attr("pointer-events", "none"); 

       $('#deploy').click(function() { 
       var enableSaveFile = "#savefile"; 
        enableButton(enableSaveFile); 
       }); 
      }); 
     }); 
})();

啓用按鈕功能

function enableButton(enableVar) 
{ 
    console.log("enable button"); 
    $(enableVar).prop("enabled", true); 
}

來源

2017-03-17 zoint

使用jQuery兩個按鈕： $（ 'btn.btn-small.btn原色。'）點擊（函數（）{ 。 $（'。btn.btn-small.btn-primary'）。not（$（this））。prop（'disabled'，true） }）; –

它不適合我。當我需要將這個參數設置爲'.btn.btn-small.btn-primary'時，你的意思是什麼？ – zoint

這是錯誤的：

這是如何禁用和用相同的按鍵方案正確啓用按鈕，現在你只需要把它翻譯成sgg

$("#first").click(function(){ 
 
    $("#second").prop("disabled",true); 
 
}); 
 

 
$("#third").click(function(){ 
 
    $("#second").prop("disabled",false); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button type="button" id="first">Click me</button> 
 
<button type="button" id="second">Disable me</button> 
 
<button type="button" id="third">All available</button>

來源

2017-03-17 16:34:30

<button class="bothButtons">Click A</button> 
<button class="bothButtons">Click B</button>

定義與類

$('.bothButtons').on('click', function(){ 
    $('.bothButtons').prop('disabled', true); 
    $(this).prop('disabled', false); 
});

來源

2017-03-17 16:37:49 mtizziani

當點擊時禁用按鈕與JQuery的其他按鈕

回答

相關問題