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

时间:2015-12-10 06:25:23

标签: jquery asp.net radiobuttonlist

如何使用Jquery从asp.net中的单选按钮列表中隐藏列表项和清除特定List项的文本?

我尝试了什么: -

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

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

2 个答案:

答案 0 :(得分:0)

您可以像这样检查一个单选按钮;

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

答案 1 :(得分:0)

在运行时,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&#39; closest()方法。

  

描述:对于集合中的每个元素,通过测试元素本身并遍历DOM树中的祖先来获取与选择器匹配的第一个元素。

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

如果您的RadioButtonList拥有财产RepeatLayout="OrderedList"RepeatLayout="UnorderedList",则您希望找到最接近的li

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