JS实现RadiobuttonList选中值控制模块显示与隐藏
作者:木棉时间:2026-10-30 12:52:39浏览:552
本文介绍如何利用JavaScript监听RadiobuttonList的选中值变化,动态控制其他UI模块的显示与隐藏。通过获取选中项的值,判断是否满足特定条件,进而调用jQuery的show或hide方法实现界面交互。
JavaScript控制RadiobuttonList显示隐藏模块
本文介绍如何使用JavaScript根据RadiobuttonList的选中值来动态显示或隐藏其他模块。
<script>
$(function () {
var SelectVal = $("input[name='rblGJS']:checked").val();
if (SelectVal == 1) {
$("#gjsbh").show();
}
$("#<%=rblGJS.ClientID %>").change(function () {
SelectVal = $("input[name='rblGJS']:checked").val();
if (SelectVal == 1) {
$("#gjsbh").show();
}
else {
$("#gjsbh").hide();
}
});
})
</script>
<tr>
<td align="right" class="label_style">是否估价师:</td>
<td align="left" class="content_style">
<asp:RadioButtonList ID="rblGJS" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Value="1" >是</asp:ListItem>
<asp:ListItem Value="0" Selected="True">否</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr id="gjsbh" hidden="hidden" >
<td id="right" align="right" class="label_style">估价师编号:</td>
<td id="left" align="left" class="content_style">
<asp:TextBox ID="txtGJSBH" runat="server" CssClass="easyui-textbox" Height="90%" Width="280px"></asp:TextBox>
</td>
</tr>
以上就是利用JavaScript判断RadiobuttonList选中值以控制其他模块显示与隐藏的具体实现方法。希望上述内容能为您提供参考,如果您觉得有用,欢迎支持本站。
作者最新文章
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object:数组类型检测误区解析
2026-11-04 19:50:47
D3.js 新手入门:环境搭建与第一个条形图实现
2026-11-04 10:49:48
