C# 使用jquery应用样式

我正在使用asp.net c#开发web应用程序，我有一个div元素，在服务器端，我将此样式应用于div元素：

spanNivelRiesgo1.Attributes.Add("style", "display:none; visibility:hidden");

我有一个单选按钮列表，在单击事件上我试图显示div元素，但它不起作用

var spanNivelRiesgo = $("spanNivelRiesgo1").is(":visible") ? $("spanNivelRiesgo1") : $("spanNivelRiesgo2");

如果单击“否”选项，则必须显示div：

$(spanNivelRiesgo).css({'display':'block', 'visibility':'visible'});

但它不起作用，我对jquery还很陌生，所以我不确定到底出了什么问题

以下是完整的代码：

<div class="span" id="spanNivelRiesgo1" runat="server" visible="False">
                <table class="table_span">
                    <tr>
                        <td style="width: 230px;">Nivel de Riesgo:</td>
                        <td>
                            <asp:DropDownList ID="ddlNivelRiesgo1" runat="server" Width="150px" CausesValidation="True" ValidationGroup="a"></asp:DropDownList></td>
                    </tr>
                </table>
            </div>

<div class="span" id="spanNivelRiesgo2" runat="server" visible="False">
                <table class="table_span">
                    <tr>
                        <td style="width: 230px;">Nivel de Riesgo:</td>
                        <td>
                            <asp:DropDownList ID="ddlNivelRiesgo2" runat="server" Width="150px" CausesValidation="True" ValidationGroup="a"></asp:DropDownList></td>
                    </tr>
                </table>
            </div>

页面加载：

rblOportunidadMejora2.Attributes.Add("onclick", string.Format("javascript:return OportunidadMejora();"));

客户端：

function OportunidadMejora(){

            var RB1 = document.getElementById("<%=rblOportunidadMejora2.ClientID%>");
            var spanNivelRiesgo = $("spanNivelRiesgo1").is(":visible") ? $("spanNivelRiesgo1") : $("spanNivelRiesgo2");
            var lblFecha = document.getElementById("<%=lblFechaCumplimiento.ClientID%>");
            var lblPlazo = document.getElementById("<%=lblPlazo.ClientID%>");

            var radio = RB1.getElementsByTagName("input");
            var isChecked = false;

            for (var i = 0; i<radio.length;i++){
                if(radio[i].checked){
                    if(radio[i].value == "True"){//La opción si, está marcada
                        $(spanNivelRiesgo).css({'display':'none', 'visibility':'hidden'});
                        //spanNivelRiesgo.hide();
                        lblFecha.innerHTML = "Fecha de Seguimiento:";
                        lblPlazo.innerHTML = "Plazo de Seguimiento:";
                    }
                    else{//La opción no fue marcada
                        $(spanNivelRiesgo).css({'display':'block', 'visibility':'visible'});
                        //spanNivelRiesgo.show();
                        lblFecha.innerHTML = "Fecha de Cumplimiento:";
                        lblPlazo.innerHTML = "Plazo de Cumplimiento:";
                    }
                }
            }
        }

函数OportunidadMejora（）{
var RB1=document.getElementById（“”）；
变量spanNivelRiesgo=$（“spanNivelRiesgo1”）。是否（“：可见”）？$（“spanNivelRiesgo1”）：$（“spanNivelRiesgo2”）；
var lblFecha=document.getElementById（“”）；
var lblPlazo=document.getElementById（“”）；
var radio=RB1.getElementsByTagName（“输入”）；
var isChecked=false；
对于（var i=0；i您需要使用
id
（
#
）选择器。然后更改：

var spanNivelRiesgo = $("spanNivelRiesgo1").is(":visible") ? $("spanNivelRiesgo1") : $("spanNivelRiesgo2");

致：

此外，您不需要包装
spanNivelRiesgo
bea，因为它已经是一个jQuery对象。因此您可以使用：

spanNivelRiesgo.css({'display':'block', 'visibility':'visible'});

相反：

$(spanNivelRiesgo).css({'display':'block', 'visibility':'visible'});

您需要使用
id
（
#
）选择器。然后更改：

var spanNivelRiesgo = $("spanNivelRiesgo1").is(":visible") ? $("spanNivelRiesgo1") : $("spanNivelRiesgo2");

致：

此外，您不需要包装
spanNivelRiesgo
bea，因为它已经是一个jQuery对象。因此您可以使用：

spanNivelRiesgo.css({'display':'block', 'visibility':'visible'});

相反：

$(spanNivelRiesgo).css({'display':'block', 'visibility':'visible'});

我不确定我的代码发生了什么，但我决定使用纯JavaScript代替Jquery

以下是JS函数代码：

var spanNivelRiesgo=document.getElementById（“”）

我不确定我的代码发生了什么，但我决定使用纯JavaScript代替Jquery

以下是JS函数代码：

var spanNivelRiesgo=document.getElementById（“”）

如果spanNivelRiesgo1是下拉列表的id，请使用$（“#spanNivelRiesgo1”），如果它是一个类，则使用$（“.spanNivelRiesgo1”）可能
$（“spanNivelRiesgo1”）
应该是
$（“span.NivelRiesgo1”）
。请显示您的HTML。如果spanNivelRiesgo1是下拉列表的id，请使用$（'.\spanNivelRiesgo1'），如果它是一个类，则使用$（'spanNivelRiesgo1'）也许
$（'spanNivelRiesgo1'）
应该是
$（'span.NivelRiesgo1'）
。请显示您的HTML。我改为：var spanNivelRiesgo=$（“#spanNivelRiesgo1”）。是否（：可见？$（“#spanNivelRiesgo1”）：$（“#spanNivelRiesgo2”）；以及spanNivelRiesgo.css（{'display'：'block}）css（{'visibility'：'visibility'}）；但它不起作用，雪人不知道你到底想做什么，但你有一个例子。如果你想显示
Nivel de Riesgo1
删除示例中的CSS。另外，我将
'visibility'：'visible'
更改为
'opacity'：'0.5'
，这样你就可以看到发生了什么。如果你现在明白了，请告诉我；）在JSFIDLE中是有效的，但在我的代码中不是，我不知道问题是否是因为该功能在for语句中，我改为：var spanNivelRiesgo=$（“#spanNivelRiesgo1”）.is（“：visible”）？$（“#spanNivelRiesgo1”）：$（“#spanNivelRiesgo2”）和spanNivelRiesgo.css（{'display'：'block}）css（{'visibility'：'visibility'}）；但它不起作用，雪人不知道你到底想做什么，但你有一个例子。如果你想显示
Nivel de Riesgo1
删除示例中的CSS。另外，我将
'visibility'：'visible'
更改为
'opacity'：'0.5'
，这样你就可以看到发生了什么。如果你现在明白了，请告诉我；）在jsfiddle中是有效的，但在我的代码中不是，我不知道问题是否是因为该功能在for语句中