使用jquery禁用或隐藏ASP listitem

时间:2011-06-15 22:13:42

标签: jquery asp.net jquery-ui c#-3.0

我有一个带有两个列表项的asp:单选按钮

asp:RadioButtonList id=Myradio"
asp:listitem1 value="li1"
asp:listitem2 value="li2"

它以水平方向呈现为每个列表项的td。

我想要实现的是动态地在某些条件下我必须显示或隐藏值为“li2”的列表项。

我做了这样的事情:

$('[value=li2]').hide();

这可行,但它只隐藏单选按钮,但不隐藏为该列表项生成的标签。 生成的标记: table id = Myradio TBODY tr TD输入类型=“radio”checked =“checked”value =“li1”name =“ctl03 $ Myradio id =”ctl03_Myradio_0“ label for =“ctl03_Myradio_0”li1 标签 / TD TD输入类型=“radio”checked =“checked”value =“li2”name =“ctl03 $ Myradio id =”ctl03_Myradio_0“ 标签=“ctl03_Myradio_0”li2 标签 / TD

我如何在jquery中解决这个问题。

对不起,我不善于以正确的方式展示它。

3 个答案:

答案 0 :(得分:1)

$( '[数值= LI2]')的父()隐藏();

答案 1 :(得分:0)

如果您的HTML是这样的

 <label for="li1">Uno</label>
 <input type='radio' id='li1' value='li1'>
 <label for="li2">Dos</label>
 <input type='radio' id='li2' value='li2'>

你可以这样做:

   $('[value=li2]').hide();
   $('[value=li2]').prev('label').hide();

如果您可以将每个标签和单选按钮包装在div中,如下所示:

 <div>
 <label for="li1">Uno</label>
 <input type='radio' id='li1' value='li1'>
 </div>
 <div>
 <label for="li2">Dos</label>
 <input type='radio' id='li2' value='li2'>
 </div>

然后你可以这样做:

  $('[value=li2]').parent().hide();

答案 2 :(得分:0)

你可以使用手风琴菜单。

Accordion menu

我认为这会对你有所帮助。

感谢。