首頁 web前端 js教程 用 Javascript 验证表单(form)中的单选(radio)值_表单特效

用 Javascript 验证表单(form)中的单选(radio)值_表单特效

May 16, 2016 pm 06:47 PM
form Radio 單選

本文介绍了一个较为通用的获取 radio 值的方法,希望对新手有用。

复制代码 代码如下:



radio 和 checkbox 一样,都是 name 相同,值有多个,在获取 radio 值的时候,我们不能按照普通文本框 .value 的方式,而是要判断哪个被选中了。

当一组 radio 有多个选项时,我们可以通过循环,以 radio[i] 的方式判断某个选项是否被选中来返回值,但是当一组 radio 只有一个选项时,获取值的方式又有变化,代码中以 return (radio.checked)?radio.value:''; 这样的方式直接判断是否选中,然后返回对应值。

上面的代码传入的参数是 radio 对象,如:
复制代码 代码如下:

var radioTest = document.forms['testForm'].elements['radioTest'];
if (getRadioValue(radioTest) == '')
{ ...... }

根据判断结果执行你想要的操作。
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
兩個點博物館:所有展覽以及在哪裡可以找到它們
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
兩個點博物館:所有展覽以及在哪裡可以找到它們
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Vue 中如何實作多選、單選等表單元件? Vue 中如何實作多選、單選等表單元件? Jun 25, 2023 pm 09:49 PM

Vue 中如何實作多選、單選等表單元件?

60 年的醞釀:NASA 證實了關於地球全球電場的假設 60 年的醞釀:NASA 證實了關於地球全球電場的假設 Aug 31, 2024 pm 09:35 PM

60 年的醞釀:NASA 證實了關於地球全球電場的假設

BinaryX再次更名FORM,還給社區的FOUR即將暴漲? BinaryX再次更名FORM,還給社區的FOUR即將暴漲? Mar 04, 2025 pm 12:00 PM

BinaryX再次更名FORM,還給社區的FOUR即將暴漲?

html5中可以有多個form嗎 html5中可以有多個form嗎 Aug 01, 2022 pm 05:28 PM

html5中可以有多個form嗎

html5定義表單的標籤是什麼 html5定義表單的標籤是什麼 Jul 26, 2022 pm 04:26 PM

html5定義表單的標籤是什麼

全方位整理與form表單相關的元素! 全方位整理與form表單相關的元素! Aug 05, 2022 am 11:45 AM

全方位整理與form表單相關的元素!

form表單無法提交到php怎麼辦 form表單無法提交到php怎麼辦 Dec 01, 2022 am 09:08 AM

form表單無法提交到php怎麼辦

php记录搜索引擎蜘蛛爬行记录代码 php记录搜索引擎蜘蛛爬行记录代码 Jun 13, 2016 am 10:08 AM

php记录搜索引擎蜘蛛爬行记录代码

See all articles