亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Js獲取單選框radio的幾種方式

 更新時間:2023年12月02日 10:37:07   作者:widenstage  
這篇文章主要介紹了Js獲取單選框radio的幾種方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

Js獲取單選框radio

首先編寫HTML

如下:

    <form id="form1">
        <table  border="0"> 
            <tr>
                <td>年齡段:</td>
                <td>
                    <input type="radio" name="age" value="18" />小于18歲
                    <input type="radio" name="age" value="18-40" checked="checked" />18-40歲
                    <input type="radio" name="age" value="40" />40以上
                </td>
            </tr>
           <tr>
                <td>分數(shù):</td>
                <td>
                    <input type="radio" name="score" value="60" />小于60分
                    <input type="radio" name="score" value="60-80" checked="checked" />60-80分
                    <input type="radio" name="score" value="80" />80分以上
                </td>
            </tr>
         </table>
     </form>

方法

       function readradio() {
 
            // 方法一            
            var item = null;
            var obj = document.getElementsByName("age")
            for (var i = 0; i < obj.length; i++) { //遍歷Radio 
                if (obj[i].checked) {
                    item = obj[i].value;                   
                }
            }
            alert(item);
 
            // 方法二 jquery版本在1.3之前 (FF和chrome下無效)
            item = $('input[name=age][checked]').val();
            alert(item);
            
            // jquery 1.3 之后使用
            item = $('input[name=age]:checked').val();
            alert(item);
 
            // 方法三 jquery 讀取多個 版本在1.3之前 (FF和chrome下無效)
            $("input[type=radio][checked]").each(function() {
                item =  $(this).val();
                alert(item);
            })
            
            // jquery 1.3 之后使用
            $("input[type=radio]:checked").each(function() {
                item = $(this).val();
                alert(item);
            })     
 
        }

總結(jié)

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript函數(shù)定義方法實例詳解

    JavaScript函數(shù)定義方法實例詳解

    這篇文章主要介紹了JavaScript函數(shù)定義方法,結(jié)合實例形式較為詳細的分析了javascript函數(shù)的聲明、定義、調(diào)用等原理與常見操作技巧,需要的朋友可以參考下
    2019-03-03
  • 獲取JavaScript異步函數(shù)的返回值

    獲取JavaScript異步函數(shù)的返回值

    本文給大家分享的是如何解決獲取JavaScript異步函數(shù)返回值的經(jīng)歷及最后的解決方法,有需要的小伙伴可以參考下
    2016-12-12
  • 正則表達式優(yōu)化JSON字符串的技巧

    正則表達式優(yōu)化JSON字符串的技巧

    這篇文章主要介紹了正則表達式優(yōu)化JSON字符串的技巧的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • Javascript變量作用域詳解

    Javascript變量作用域詳解

    這篇文章主要是對Javascript變量作用域進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • javaScript給元素添加多個class的簡單實現(xiàn)

    javaScript給元素添加多個class的簡單實現(xiàn)

    下面小編就為大家?guī)硪黄猨avaScript給元素添加多個class的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • javascript的onchange事件與jQuery的change()方法比較

    javascript的onchange事件與jQuery的change()方法比較

    本來是想添加文本框文本內(nèi)容改變事件動作的,結(jié)果找了許多這方面的javascript代碼都不如意。
    2009-09-09
  • javascript實現(xiàn)控制文字大中小顯示

    javascript實現(xiàn)控制文字大中小顯示

    網(wǎng)頁上可以自由改變字體大小是個非常有助于用戶體驗的小功能,現(xiàn)在許多網(wǎng)站上都有此功能,今天我們來簡單實現(xiàn)下。
    2015-04-04
  • 微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲

    微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • JavaScript實現(xiàn)動態(tài)表格的示例代碼

    JavaScript實現(xiàn)動態(tài)表格的示例代碼

    動態(tài)表格是指在網(wǎng)頁上顯示的數(shù)據(jù)表格,可以根據(jù)用戶輸入或頁面元素的變化動態(tài)更新內(nèi)容,本文主要介紹了JavaScript實現(xiàn)動態(tài)表格的示例代碼,感興趣的可以了解一下
    2024-04-04
  • JS+Canvas實現(xiàn)貪吃蛇小游戲

    JS+Canvas實現(xiàn)貪吃蛇小游戲

    這篇文章介紹了JS+Canvas實現(xiàn)貪吃蛇小游戲,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-01-01

最新評論