jquery判斷RadioButtonList和RadioButton中是否有選中項示例

更新時間：2013年09月29日 16:21:55 作者：

用jquery判斷RadioButtonList和RadioButton中是否有選中項，下面有個不錯的示例，感興趣的朋友可以參考下

 
<pre class="html" name="code"> <%--Body 代碼--%> 
<div> 
<asp: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> 
</div></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> 

您可能感興趣的文章:

使用JQuery制作簡易留言板
這篇文章主要為大家詳細介紹了如何使用JavaScript和JQuery制作簡易留言板功能，文中的示例代碼講解詳細，有需要的小伙伴可以參考一下
2016-05-05
Jquery效果大全之制作電腦健康體檢得分特效附源碼下載
本文給大家介紹jquery效果大全之制作電腦健康體檢得分特效，并附有源碼下載，對jquery效果大全感興趣的朋友一起學習吧
2015-11-11
jquery三個關閉彈出層的小示例
三個關閉彈出層的實例方法
2013-11-11
基于jQuery的彈出消息插件 DivAlert之旅（一）
這個DivAlert插件，顧名思義就是頁面彈出框，也就相當于Winform里面MessageBox.Show()那樣的東西。
2010-04-04
jQuery實現(xiàn)table表格信息的展開和縮小功能示例
這篇文章主要介紹了jQuery實現(xiàn)table表格信息的展開和縮小功能,涉及jQuery事件響應及頁面元素遍歷、屬性修改相關操作技巧,需要的朋友可以參考下
2018-07-07
jQuery點擊出現(xiàn)愛心特效
這篇文章主要為大家詳細介紹了jQuery點擊出現(xiàn)愛心特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
使用微信內置瀏覽器點擊下拉框出現(xiàn)頁面亂跳轉現(xiàn)象（iphone），該怎么辦
這篇文章主要介紹了使用微信內置瀏覽器點擊下拉框出現(xiàn)頁面亂跳轉現(xiàn)象（iphone），該怎么辦的相關資料,需要的朋友可以參考下
2016-01-01
jquery分頁插件jquery.pagination.js使用方法解析
這篇文章主要針對js分頁插件jquery.pagination.js使用方法進行解析，很實用的分頁插件，感興趣的小伙伴們可以參考一下
2016-04-04
jquery獲取對象的方法足以應付常見的各種類型的對象
獲取對象是比較常見的操作了，因為想要操作一個對象之前，一定要先獲取，這是必須的，下面整理了常見對象的獲取方法，希望對大家有所幫助
2014-05-05
jquery Ajax 實現(xiàn)加載數(shù)據(jù)前動畫效果的示例代碼
本篇文章主要是對jquery Ajax實現(xiàn)加載數(shù)據(jù)前動畫效果的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02