清除并隐藏单选按钮列表选择中的特定列表项

Question

如何使用 Jquery 在 asp.net 中的单选按钮列表中隐藏列表项并清除特定列表项的文本？

我试过的：-

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

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

Answer 1

您可以像这样简单地选中一个单选按钮；

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

Answer 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() 方法。

Description: For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.

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

如果您的 RadioButtonList 有属性 RepeatLayout="OrderedList" 或 RepeatLayout="UnorderedList"，您需要找到最接近的 li。

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

清除并隐藏单选按钮列表选择中的特定列表项

Clear and hide particular list item on radio button list selection

asp.net

jquery

radiobuttonlist