html中單選按鈕控件標籤用法解析及如何設置默認選中

時間 2019-11-07

標籤 html 單選按鈕控件標籤用法解析如何設置默認選中欄目 HTML 简体版

原文原文鏈接

Radio 對象表明 HTML 表單中的單選按鈕。在 HTML 表單中 <input type="radio"> 每出現一次，一個 Radio 對象就會被建立。html

單選按鈕是表示一組互斥選項按鈕中的一個。當一個按鈕被選中，以前選中的按鈕就變爲非選中的。當單選按鈕被選中或不選中時，該按鈕就會觸發 onclick 事件句柄。您可經過遍歷表單的 elements[] 數組來訪問 Radio 對象，或者經過使用 document.getElementById()。由www.169it.com蒐集整理數組

1、單選按鈕控件語法ide

1	`<` `input` `name` `=` `"Fruit"` `type` `=` `"radio"` `value` `=` `""` `/>`

使用html input標籤，name爲自定義，type類型爲「radio」的表單.測試

2、radio單選按鈕代碼舉例ui

一、html代碼片斷：spa

< form action = "" method = "get" >

您最喜歡水果？< br />< br />

< label >< input name = "Fruit" type = "radio" value = "" />蘋果 </ label >

< label >< input name = "Fruit" type = "radio" value = "" />桃子 </ label >

< label >< input name = "Fruit" type = "radio" value = "" />香蕉 </ label >

< label >< input name = "Fruit" type = "radio" value = "" />梨 </ label >

< label >< input name = "Fruit" type = "radio" value = "" />其它 </ label >

</ form >

2.舉例代碼片斷二(默認選中設置舉例):
code

< input type = "radio" name = "identity" value = "學生" checked = "checked" />學生

< input type = "radio" name = "identity" value = "教師" />教師

< input type = "radio" name = "identity" value = "管理員" />管理員

在代碼舉例二種， checked="checked" 表示默認選中項設置。
orm

3.代碼舉例三(js操做radio):htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

< html >

< head >

< meta http-equiv = "Content-Type" content = "text/html; charset=gbk" >

< script >

<!--

//選中2返回的也是1，找到第一個ID爲該值的DOM，彈出 1

function getVById(){alert(document.getElementById('test11').value);}

function getVByName(){

var tt = document.getElementsByName('test11');

for (var iIndex = 0; iIndex < tt.length ; iIndex++ )

{

if(tt[iIndex].checked)

{

alert(tt[iIndex].value);

break;

}

};

-->

</ script >

< title >http://www.169it.com</ title >

</ head >

< body >

< input type = "radio" id = "test11" name = "test11" value = "1" />測試1

< input type = "radio" id = "test11" name = "test11" value = "2" />測試2

< input type = "button" value = "BTN_ByID" onclick = "getVById()" />

< input type = "button" value = "BTN_ByName" onclick = "getVByName()" />

</ body >

< html >

文章來源:html中<radio>單選按鈕控件標籤用法解析及如何設置默認選中對象

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。