JQuery.css("display") = "block" 不工作

Question

我想根据在RadiobuttonList 中选择的值显示和隐藏我的TextBox。我为此编写了以下代码

$("#<%= rbtnIsPFEnabled.ClientID %>").click(function () {
                pfno = $("#<%= txtPFNo.ClientID %>");
                if ($("#<%= rbtnIsPFEnabled.ClientID %> input:checked").val() == "Yes") {
                    pfno.css("dispay") = "block";
                }
                else
                    pfno.css("dispay") = "none";
            });

虽然我已经通过使用JQuery.show() 和JQuery.hide() 完成了我的任务，但我并不满意，因为我想知道为什么第一种方法会失败。其次是我在上面的代码中使用了$("#<%= rbtnIsPFEnabled.ClientID %>")，我可以通过第二次使用this 或其他任何东西将它减少到一个吗？

我尝试了$(this+" input:checked").val() 和$(this.toString()+" input:checked").val()，但没有成功，所以我不得不重复一遍。

Answer 1

$("#id").css("display", "none");
$("#id").css("display", "block");

如果您的pfno 包含您的 ID

那么这应该可以工作

$(pfno).css("display", "none");
$(pfno).css("display", "block");

您应该使用 FireBug 进行调试

编辑：

<script type="text/javascript">
    function fun(obj) {

        if ($("#<%= rbtnIsPFEnabled.ClientID %> input:checked").val()=='Yes') {
            $("#<%= txtPFNo.ClientID %>").css("display", "block");
        }
        else {
            $("#<%= txtPFNo.ClientID %>").css("display", "none");
        }
    }


</script>  

<asp:RadioButtonList   ID="rbtnIsPFEnabled"     runat="server" >
    <asp:ListItem Text="Yes" Value="Yes" onchange="fun(this);"> </asp:ListItem>
    <asp:ListItem Text="No" Value="No" onchange="fun(this);"> </asp:ListItem>
    </asp:RadioButtonList>

    <asp:TextBox runat="server" ID="txtPFNo"/>

Answer 2

您可以使用jQuery 以多种方式解决此问题。 例如

$(pfno).css("display", "none"); //used when you are defining single css property or in chaining method
$(pfno).css({"display":"none"}); // used when you are defining multiple CSS property           
$(pfno).hide(); //show/hide function also perform display block/none functionality which is mostly used in script

Answer 3

好吧，首先这是不正确的：

     pfno.css("dispay") = "block";

上述方法永远不会起作用

pfno.css({ 'display' : 'block' });是你设置css属性的方式，

pfno.css( 'display' , 'block' ); 是另一种设置 css 属性的方法，这样你就做错了。你需要设置警报或写信给控制台以确认你的 if 语句和你的点击处理程序正在工作