ボタンをオンにしないで、別のボタンを有効にします。

Question

私のページには2つのボタンがあります。ページが読み込まれたときにそれらの両方を有効にしたいが、ユーザーがクリックするともう一方のボタンを無効にしたい。しかし、他のボタンをクリックすると、そのボタンを無効にして、もう一方の無効なボタンを有効にします。ボタンonclickを無効にすることができましたが、他のボタンを再度有効にするのに問題があります。ここには2つのボタンがあります。彼らはフォーム上ではなく、ページ上にあります。

<button onclick="down7913.disabled=false" type="submit" class="positive" name="up7913"><img src="check.png" alt=""/></button> 

<button onclick="this.disabled=true" type="submit" class="negative" name="down7913"><img src="cross.png" alt=""/></button> 

Answer 1

このコードをチェックし、それはあなたの風味と作業中です：

<button onclick="document.getElementById('up7913').disabled=true;document.getElementById('down7913').disabled=false;" type="submit" class="positive" name="up7913" id="up7913">First</button> 

<button onclick="this.disabled=true;document.getElementById('up7913').disabled=false;" type="submit" class="negative" name="down7913" id="down7913">Second</button> 

Answer 2

あなたは、関数を作成する必要があります

function disablefirstbutton() { 
    document.getElementById("firstbutton").disabled = true; 
    document.getElementById("secondbutton").disabled = false; 
} 

function disablesecondbutton() { 
    document.getElementById("secondbutton").disabled = true; 
    document.getElementById("firstbutton").disabled = false; 
} 

<button id="firstbutton" onclick="disablefirstbutton()"> 
<button id="secondbutton" onclick="disablesecondbutton()"> 

Answer 3

あなたが何かを試みることができる：javascriptの純粋でありdocument.getElementsByClassName('negative')リターンすべてのクラスのarrayに注意してください

onclick="document.getElementsByClassName('negative')[0].disabled=false" 

を。唯一のものがあれば、私が書いたとおりに動作します。そうでない場合は、IDを追加してdocument.getElementById('buttonId').disabled=falseを使用します。

Answer 4

あなたはjQueryのを使用して気にしない場合は、ここにあります！

$(function() { 
    $('button').click(function() { 
     var classname = $(this).attr('class'); 

     if(classname == 'positive') 
     { 
      $('button.positive').attr('disabled', 'disabled'); 
      $('button.negative').attr('disabled', false); 
     } 
     else 
     { 
      $('button.negative').attr('disabled', 'disabled'); 
      $('button.positive').attr('disabled', false); 
     } 
    }); 
});