2015-04-08 56 views
1

比方說,我有兩個按鈕,例如,當我點擊button1時,我希望button2被禁用,並且點擊button2的同樣的東西被禁用。我想要一個按鈕在當時可點擊。我可以如何做到這一點?提前致謝。可以在當時點擊一個按鈕jquery

<div class="container"> 

<button type="button" id="button1" class="buttons">button1</button> 
<button type="button" id="button2" class="buttons">button2</button> 

</div> 


$(document).ready(function() { 
    $("buttons").click(function() { 

    }); 
}); 

我想使用.attr('disabled', true)

回答

4

試試這個:你需要的類名前把.(點),而在jQuery的使用類選擇。您可以使用siblings()來獲取同級別的所有按鈕,並使用prop('disabled',true)來禁用按鈕。

$(document).ready(function() { 
    $(".buttons").click(function() { 
    $(this).siblings('.buttons').prop('disabled',true); 
    }); 
}); 

JSFiddle Demo

+0

謝謝......現在我知道我做錯了什麼...... – Ris

+0

竭誠爲您服務! –

3
<div class="container"> 

<button type="button" id="button1" disabled class="buttons">button1</button> 
<button type="button" id="button2" class="buttons">button2</button> 

</div> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#button1").click(function() { 
    $("#button2").removeAttr('disabled'); 
    $("#button1").attr('disabled','disabled'); 
    }); 
    $("#button2").click(function() { 
    $("#button1").removeAttr('disabled'); 
    $("#button2").attr('disabled','disabled'); 
    }); 
}); 

</script>