快捷導(dǎo)航

jquery判斷單選按鈕radio是否選中的方法

更新時間：2015年05月05日 15:30:19 作者：殘星

這篇文章主要介紹了jquery判斷單選按鈕radio是否選中的方法,實(shí)例分析了加載頁面時獲取單選按鈕ID和點(diǎn)擊按鈕時獲取單選按鈕ID兩種方法,非常簡單實(shí)用,需要的朋友可以參考下

本文實(shí)例講述了jquery判斷單選按鈕radio是否選中的方法。分享給大家供大家參考。具體如下：

html代碼如下：

<input type="radio" id="d1" name="ra" value="a" checked="checked" />
<input type="radio" id="d2" name="ra" value="b" />
<input type="radio" id="d3" name="ra" value="c" />

1. 加載頁面的時候獲取id

$("input[type='radio']").each(function(){
  var id= $(this).attr("id");
  if($("#"+id).attr("checked")=="checked"){
   var fs=$("#"+id).val();
  }
});
var s1 = $(".aa:checked").val(); // .aa 為class
var s2 = $("input[name='ra']:checked").val();

2.點(diǎn)擊按鈕的時候獲取id

$(function(){
  $("input[type='radio']").click(function(){
    var id= $(this).attr("id");
    alert(id);
  });
});

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery清空表單數(shù)據(jù)示例分享
這篇文章主要介紹了jquery清空表單數(shù)據(jù)的示例,需要的朋友可以參考下
2014-02-02
Jquery Validation插件防止重復(fù)提交表單的解決方法
在項(xiàng)目開發(fā)中，測試人員報告缺陷說，即時有表單驗(yàn)證，但是如果快速點(diǎn)擊兩下“提交”按鈕，系統(tǒng)會產(chǎn)生兩條相同的記錄。
2010-03-03
jQuery:delegate中select()不起作用的解決方法(實(shí)例講解)
本篇文章只要是對jQuery:delegate中select()不起作用的解決方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
jQuery可見性過濾器：hidden和：visibility用法實(shí)例
這篇文章主要介紹了jQuery可見性過濾器：hidden和：visibility用法,實(shí)例分析了：hidden和：visibility的功能及相關(guān)使用技巧,需要的朋友可以參考下
2015-06-06
深入淺析ng-bootstrap 組件集中 tabset 組件的實(shí)現(xiàn)分析
這篇文章主要介紹了ng-bootstrap 組件集中 tabset 組件的實(shí)現(xiàn)分析 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-07-07
jQuery中extend()和fn.extend()方法詳解
jQuery自定義了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能夠創(chuàng)建全局函數(shù)或者選擇器,而jQuery.fn.extend()方法能夠創(chuàng)建jQuery對象方法.
2015-06-06
jQuery實(shí)現(xiàn)公告文字左右滾動的實(shí)例代碼
這篇文章介紹了jQuery實(shí)現(xiàn)公告文字左右滾動的實(shí)例代碼，有需要的朋友可以參考一下
2013-10-10
jQuery解析json格式數(shù)據(jù)簡單實(shí)例
這篇文章主要介紹了jQuery解析json格式數(shù)據(jù)的方法,結(jié)合實(shí)例分析了使用jQuery1.7.2版本的方法解析json格式數(shù)據(jù)的技巧,需要的朋友可以參考下
2016-01-01
jQuery中$.each()函數(shù)的用法引申實(shí)例
jQuery中的$.each()函數(shù)比forEach更加強(qiáng)大,可以用來遍歷JavaScript中的任意集合,借來下來我們會舉幾個jQuery中$.each()函數(shù)的用法引申實(shí)例,首先先來回顧一下遍歷用法的基礎(chǔ):
2016-05-05
jquery添加div實(shí)現(xiàn)消息聊天框
這篇文章主要為大家詳細(xì)介紹了jquery添加div實(shí)現(xiàn)消息聊天框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02