清除和隐藏单选按钮列表选择上的特定列表项答案

【问题标题】：Clear and hide particular list item on radio button list selection清除和隐藏单选按钮列表选择上的特定列表项
【发布时间】：2016-03-15 16:30:08
【问题描述】：

如何使用 Jquery 从 asp.net 中的单选按钮列表中隐藏列表项和特定列表项的明文？

我尝试了什么：-

$("#CPHM_rbtLstRating_1").hide();

问题：- 无法隐藏列表项文本。请建议隐藏特定列表项文本的正确方法。

【问题讨论】：

你能分享一下ul li和radio的完整html吗？

标签： jquery asp.net radiobuttonlist

【解决方案1】：

您可以像这样简单地检查单选按钮；

if($('#radio_button').is(':checked')) { 
    $(".someparticularli").empty(); //empty the selected item
}

【讨论】：

【解决方案2】：

在运行时，RadioButtonList 将呈现，并且根据您设置的属性，它可能会产生截然不同的 HTML。下面是一个默认的例子，当RepeatLayout="Table"。

<table id="CPHM_rbtLstRating">
    <tbody>
        <tr>
            <td><input id="CPHM_rbtLstRating_0" name="ctl00$CPHM$rbtLstRating" value="test" type="radio"><label for="CPHM_rblTest_0">test</label></td>
        </tr>
        <tr>
            <td><input id="CPHM_rbtLstRating_1" name="ctl00$CPHM$rbtLstRating" value="test" type="radio"><label for="CPHM_rblTest_1">test</label></td>
        </tr>
        <tr>
            <td><input id="CPHM_rbtLstRating_2" name="ctl00$CPHM$rbtLstRating" value="test" type="radio"><label for="CPHM_rblTest_2">test</label></td>
        </tr>
    </tbody>
</table>

为了删除与该特定单选按钮相关的所有内容（不仅仅是标签），我建议使用 jQuery 的 closest() 方法。

说明：对于集合中的每个元素，通过测试元素本身并向上遍历其在 DOM 树中的祖先来获取与选择器匹配的第一个元素。

$("#CPHM_rbtLstRating_1").closest('tr').hide();

如果您的RadioButtonList 具有RepeatLayout="OrderedList" 或RepeatLayout="UnorderedList" 属性，您将希望找到最接近的li。

$("#CPHM_rbtLstRating_1").closest('li').hide();

【讨论】：