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

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

這篇文章主要介紹了jquery判斷單選按鈕radio是否選中的方法,實(shí)例分析了加載頁(yè)面時(shí)獲取單選按鈕ID和點(diǎn)擊按鈕時(shí)獲取單選按鈕ID兩種方法,非常簡(jiǎn)單實(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. 加載頁(yè)面的時(shí)候獲取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)擊按鈕的時(shí)候獲取id

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

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

您可能感興趣的文章:

相關(guān)文章

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