根据 ASP.NET RadioButtonList 使用 JQuery 隐藏/显示表格单元格答案

【问题标题】：Hiding/Showing Table Cells with JQuery depending on ASP.NET RadioButtonList根据 ASP.NET RadioButtonList 使用 JQuery 隐藏/显示表格单元格
【发布时间】：2011-01-23 05:12:33
【问题描述】：

这是 jquery 代码，它隐藏了我的 ID 为 .style2 的表格单元格：

 $('#myRadioButtonList').change(function() {

    if ($(this).attr('checked') == true && $(this).val() == "HB") {
        $('.style2').hide("slow");
    };
   });

这是我的单选按钮列表

     <asp:RadioButtonList ID="myRadioButtonList" runat="server">
         <asp:ListItem Selected="True" Value="HB">None</asp:ListItem>
         <asp:ListItem Value="HOBSKS">Service </asp:ListItem>
         <asp:ListItem Value="OBAKS">Open Service</asp:ListItem>
         <asp:ListItem Value="BBKS">Close Service</asp:ListItem>
     </asp:RadioButtonList>

我受到这个话题的启发

Using JQuery with RadioButtons to hide/show table rows

这样我的jquery就不行了，部分有错误

if ($(this).attr('checked') == true && $(this).val() == "HB")

我单独尝试了上面的这两个条件，但它们都不起作用。我需要使用我的单选按钮，但似乎我做不到。那我应该如何写那部分才能使我的代码工作。

谢谢。

【问题讨论】：

标签： asp.net jquery radio-button radiobuttonlist

【解决方案1】：

if ( ($(this).attr('checked') == true) && ($(this).val() == "HB") )

布尔运算符可能是它的作用，如 David said so well，但也可以将 () 放在任何可能让您的大脑或浏览器绊倒的短语周围。

更新哦，您的 $(this) 指向列表，而不是列表项。尝试更改选择器以匹配将要更改的项目的 HTML 输出。

更新 2 看起来您需要更改初始选择器。现在你正在监听整个表格/列表的变化——你想监听列表中所有单选按钮的变化。所以试试 $("#myRadioButtonList input[type=radio]") 吧。

【讨论】：

不，if语句中的两个条件在它们单独时都不起作用。
@stckvrflw 已更新。我不知道你的 HTML 输出，所以我尽可能具体。
"尝试更改您的选择器以匹配将要更改的项目的 HTML 输出。"其实这是我做不到的部分，html输出是什么意思，我的html输出是asp.net生成的默认输出，上面有radiobuttonlist代码。
您可能会更新您的问题以指出您在这里告诉我们的内容。即，将 & 更改为 &&，并说选择器失败。我不专门处理 ASP.NET，只处理 jQuery 和 HTML。我可以说出某些事情，但不是全部。既然你知道你想要 if 语句的确切含义，你能把它写出来，伪代码风格吗？
@stckvrflw 实际上，在完成所有这些之前，请查看我的第二次更新。祝你好运！

【解决方案2】：

可能是您使用的是单个“&”，请尝试将“&&”作为布尔运算符

if ($(this).attr('checked') == true && $(this).val() == "HB")

【讨论】：

if 语句中的两个条件在单独时都不起作用，例如 if ($(this).val() == "HB") 也不起作用，如果我删除 if ，然后它隐藏单元格。