基于javascript的按钮逻辑分离
我遇到的问题是我无法区分这两个按钮。一个按钮影响另一个按钮。代码如下:基于javascript的按钮逻辑分离,javascript,haml,Javascript,Haml,我遇到的问题是我无法区分这两个按钮。一个按钮影响另一个按钮。代码如下: %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
%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);
});
问题是,此函数同时禁用这两种类型,因为这两种类型都是=“radio”。有没有其他方法可以区分这两者?有没有什么方法可以让我给出两个函数,一个是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);
}
});
}
单选按钮就像汽车收音机:按下一个按钮,其他按钮就会弹出。如果需要多选,请使用单个按钮。添加了DisableOnSelectedRadioButtons功能。第一个是HAML。这个代码不起作用吗?除了
$('#'+radioName).prop(“value”,true)之外,我没有看到任何错误
可能应该是$('#'+radioName).val('true')
。