Question

我正在尝试使用javascript代码启用/禁用radiobuttonlist。这个javascript与文本框一起工作正常，但看起来它不适用于radiobuttonlist。这是我正在使用的代码：

 var chkEPM = document.getElementById("<%=chkEPM.ClientID %>");
        chkEPM.onchange = function () {
            if (this.checked == true)
                document.getElementById("<%=rblEPM.ClientID %>").disabled = false;
            else
                document.getElementById("<%=rblEPM.ClientID %>").disabled = true;
        };

提前感谢每个回复并祝你有个美好的一天

Answer 1

你可以试试这个：

function changeItemState(disable)
{
    rb = document.getElementById("<%=rblEPM.ClientID %>");

    var rbItems = rb.getElementsByTagName('input');

    for (var itemIndex = 0; itemIndex < rbItems.length; itemIndex++) 
    {
        rbItems[itemIndex].disabled = disable;
    }
}

var chkEPM = document.getElementById("<%=chkEPM.ClientID %>");
chkEPM.onchange = function () {
    if (this.checked == true)
        changeItemState(false);
    else
        changeItemState(true);
};

或者，如果你可以使用jquery 1.6或更高版本，你可以这样做：

$("#<%=rblEPM.ClientID %>").find('input').prop('disabled', 'true');

Answer 2

尝试类似

的内容

document.getElementById('rbl').setAttribute('disabled', 'disabled');

rbl是您的radiobuttonlist的ID。

Answer 3

 function EnableDisableRadio(CheckBox1) {
            var controls = document.getElementById("<%=Panel1.ClientID%>").getElementsByTagName("input");
            for (var i = 0; i < controls.length; i++)
                controls[i].disabled = CheckBox1.checked ? false : true;
        }

Answer 4

对于跨平台支持，您需要使用类似这样的内容：

$('#RadioButtonList1').find('*').each(function () 
{ 
    $(this).attr("disabled", true); 
});

使用javascript启用/禁用radiobuttonlist

4 个答案: