当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery判断RadioButtonList和RadioButton中是否有选中项示例

jquery判断RadioButtonList和RadioButton中是否有选中项示例

2018年12月09日  | 移动技术网IT编程  | 我要评论

代码如下:


<pre class="html" name="code"> <%--body 代码--%>
<p>
<:radiobuttonlist id="radiobuttonlist1" runat="server">
<asp:listitem value="a">a</asp:listitem>
<asp:listitem value="b">b</asp:listitem>
</asp:radiobuttonlist>

<asp:radiobutton id="radiobutton1" groupname="rbtn" text="男" runat="server" checked="true" />
<asp:radiobutton id="radiobutton2" groupname="rbtn" text="女" runat="server" />

<asp:button id="button1" runat="server" text="button" onclientclick="button1_clientclick()"></asp:button>
</p></pre>


. 代码如下:


<pre class="csharp" name="code"><%--head 代码--%>
<script language="javascript" type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script language="javascript" type="text/javascript">

function button1_clientclick()
{
alert($("input[name='radiobuttonlist1']:checked").val()); // 若都没有选中，则弹出“undefined”，若有选中的，则弹出对应的 value 值
if(document.getelementbyid("radiobutton1").checked==true) // 若radiobutton1被选中
{
alert($("#radiobutton1:checked").val()); //弹出 radiobutton1
alert($("#radiobutton2:checked").val()); //弹出 undefined
alert($("#radiobutton1:checked").val()=="radiobutton1"); //弹出 true
}
return false; //暂时不用传到后台
}
</script>
</pre>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网