Question

我遇到的问题是我无法区分这两个按钮。一个按钮影响另一个。这是代码：

%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”。还有其他方法可以区分两者吗？有没有什么方法我可以制作两个函数，我给出一个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);
        }
    });
}

Answer 1

单选按钮就像汽车收音机：按一下，其他按钮弹出。如果您想要多个选项，请使用 n 个别按钮。

在javascript上分离按钮逻辑

1 个答案: