2016-03-04 113 views
-1

我遇到的問題是我無法區分這兩個按鈕。一個按鈕影響另一個。下面是代碼:javascript上的按鈕邏輯

%input.radio-button{:name => "donor_claim_phase-c#{index}", :type => "radio", :id => "donor_claim_phase-c#{index}" } 
%input.radio-button{:name => "global_start_phase-c#{index}", :type => "radio", :id => "global_start_phase-c#{index}" } 

和JavaScript我是這樣的:

$(document).on('click', 'input[type="radio"]', function(e){ 
    var selectedRadioName = $(this).attr('name'); 
    disableNonSelectedRadioButtons(selectedRadioName); 
}); 

的問題是,這一功能將同時禁用,因爲兩者都是類型=「無線電」的。有其他方法可以區分兩者嗎?有什麼辦法可以讓我有兩種功能,我給一個type = radio和其他一些因素來區分它們?

function disableNonSelectedRadioButtons(selectedRadioButton) { 
    $('#payer-contract-global-table .clone-target').each(function (i) { 
     var radioName = 'donor_claim_phase' + '-c' + i; 
     if (selectedRadioButton == radioName) { 
      $('#' + radioName).prop("checked", true); 
      $('#' + radioName).prop("value", true); 
      $('#payer_contract_donor_claim_phase').prop("value", (i+1)); 
     } 
     else { 
      $('#' + radioName).prop("checked", false); 
      $('#' + radioName).prop("value", false); 
     } 
    }); 
} 
+0

增加了disableNonSelectedRadioButtons函數。首先是HAML。 – Jay266

+0

此代碼無效嗎?我沒有看到任何錯誤,除了$('#'+ radioName).prop(「value」,true);'應該可以是'$('#'+ radioName).val('true' )'。 –

回答

0

單選按鈕就像汽車收音機:按一個和其他彈出。如果你想多選擇使用n個別按鈕。