首頁 > web前端 > html教學 > 單選按鈕(RadioButton)常見用法總結

單選按鈕(RadioButton)常見用法總結

零下一度
發布: 2017-06-06 17:08:27
原創
6315 人瀏覽過

Windows 窗體 RadioButton 控制項為使用者提供由兩個或多個互斥選項組成的選項集。雖然單選按鈕和複選框看似功能類似,但存在重要差異:當使用者選擇某單選按鈕時,同一組中的其他單選按鈕不能同時選定。相反,卻可以選擇任意數目的複選框。定義單選按鈕群組將告訴使用者:「這裡有一組選項,您可以從中選擇一個且只能選擇一個。

1. Android UI控制系列:RadioButton(單選按鈕)

單選按鈕RadioButton在Android平台上也應用的非常多,例如一些選擇項目的時候,會用到單選按鈕,實現單選按鈕由兩部分組成,也就是RadioButton和RadioGroup配合使用。方法介紹

常用屬性:

(1)Checked屬性:用來設定或傳回單選按鈕是否被選中,選取時值為true,沒有選取時值為false 。 ,不需改變該屬性,採用預設值(true)即可​​。表單元素:文字方塊,文字區域:$("#txt").attr("value",'');//清空內容

$("#txt").attr("value" ,'11');//填充內容

多重選取框checkbox: $("#chk1").attr("checked",'');//不勾選

$("#chk2" ).attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

#單選組radio: $("input[@type=radio]").attr("checked",'2');//設定value=2的項目為目前選取項目

下拉框select: $("#sel").attr("value",'-sel3');//設定value=-sel3的項目為目前選取項目4. 採用TabHost和RadioButton實作頁面導航效果


實現的效果不解釋,主要是記錄一下程式碼

先看一下xml佈局,有興趣的朋友可以點進來看一下

#5.

Jquery中的CheckBox、RadioButton、DropDownList的取值賦值實作碼_jquery


由於Jquery的版本更新很快,程式碼的寫法也改變了許多,以下Jquery程式碼適query1.4版本以上

取得選取值,三種方法都可以: 

$('input:radio:checked').val(); 
$("input[type='radio']:checked").val(); 
$("input[name='rd']:checked").val();
登入後複製

6. 

基於jquery自訂的漂亮單選按鈕RadioButton

繼續分享web前端自訂控件,今天要分享的控件是單選按鈕,希望對你有收穫,有好的建議也希望能留言給我。程式碼如下: 

<p style="margin:50px;float:left;">
<b class="radio" _txt="单选我"></b>
<b class="radio" _txt="单选你"></b>
<b class="radio" _txt="单选他"></b>
</p>
登入後複製
單選按鈕(RadioButton)常見用法總結

相關問答:


1. 

##相關問答:

1. 

android - ExpandableListView 點選子清單中的 RadioButton 出現選取狀態混亂

2. android - RadioButton 取得狀態的問題。

3. java - android底部導覽列用RadioGroup+RadioButton,但是氣泡功能要怎麼實現呢?

【相關建議】1. 

php取得form表單單選按鈕和複選框的值

#2. 

jQuery模仿單選按鈕選取效果實例程式碼

以上是單選按鈕(RadioButton)常見用法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板