2013-07-26 63 views
-3

我目前有兩個按鈕,當任何一個被點擊時,我希望兩個都被禁用。如何禁用單擊時點擊多個按鈕

目前使用即時通訊:

<button type="button" class="disapprove-button" id="123abc" onclick="this.disabled=true;"> 
<img src="/downvote.png" alt="Downvote" /></button> 

點擊時禁用按鈕,但是這允許另一個保持活躍。

另一個幾乎是完全相同的代碼但對於不同的功能:

<button type="button" class="approve-button" id="123abc" onclick="this.disabled=true;"> 
<img src="/upvote.png" alt="Upvote" /></button> 

我知道他們的方式使用JavaScript/jQuery來做到這一點,但我不是很熟悉這兩個。

+0

你不知道如何引用一個元素? – epascarello

+1

你有沒有嘗試過什麼,或者你只是想讓我們爲你做你的工作(或愛好)? – GolezTrol

+0

$('#continueButton')。attr(「disabled」,true); –

回答

0

我用一流的目標,而不是

var voteB = $(".disapprove-button, .approve-button"); 

$(voteB).on('click', function() { 
    $(voteB).attr('disabled', 'disabled'); 
}); 

工作實例http://jsfiddle.net/imemine29/VFt9E/

0

首先,你不能給同一個id給不同的元素,id是唯一的。你可以分配一個普通的類,但不能共同的id。

WORKING FIDDLE

只是一個樣本。

$('#upvote_id').on('click', function() { 
    $('#down_vote_id').attr('disabled', 'disabled'); 
    $('#upvote_id').attr('disabled', 'disabled'); 
}); 
0

1)製作按鈕的diffirent ID。

var buttons = $("#id_button1, #id_button_2");//find buttons in DOM 

buttons.click(function(){ 
    buttons.prop("disabled", true);//disable both buttons onclick event 
}) 

http://jsfiddle.net/A3W8T/

答案評論: 是的,你可以使用任何選擇:

var buttons = $(".disapprove-button, .approve-button");//find buttons in DOM 

buttons.click(function(){ 
    buttons.prop("disabled", true);//disable both buttons onclick event 
}) 
+0

即時通訊使用ID傳遞信息,任何方式繞過? – user2360599