Rumah > hujung hadapan web > html tutorial > 单选按钮(RadioButton)常见用法汇总

单选按钮(RadioButton)常见用法汇总

零下一度
Lepaskan: 2017-06-06 17:08:27
asal
6315 orang telah melayarinya

Windows 窗体 RadioButton 控件为用户提供由两个或多个互斥选项组成的选项集。虽然单选按钮和复选框看似功能类似,却存在重要差异:当用户选择某单选按钮时,同一组中的其他单选按钮不能同时选定。相反,却可以选择任意数目的复选框。定义单选按钮组将告诉用户:“这里有一组选项,您可以从中选择一个且只能选择一个。

1. Android UI控件系列:RadioButton(单选按钮)

单选按钮RadioButton在Android平台上也应用的非常多,比如一些选择项的时候,会用到单选按钮,实现单选按钮由两部分组成,也就是RadioButton和RadioGroup配合使用。
RadioButton的单选按钮;
RadioGroup是单选组合框,用于将RadioButton框起来;

2. ASP.NET单选按钮控件RadioButton常用属性和方法介绍

常用属性:

(1)Checked属性:用来设置或返回单选按钮是否被选中,选中时值为true,没有选中时值为false。

(2)AutoCheck 属性:如果 AutoCheck 属性被设置为 true(默认),那么当选择该单选按钮时,将自动清除该组中所有其他单选按钮。对一般用户来说,不需改变该属性,采用默认值(true)即可。

3. jQuery中的RadioButton,input,CheckBox取值赋值实现代码

控制表单元素:
文本框,文本区域:$("#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

20111012210517523.jpg

由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上

获取选中值,三种方法都可以: 

$('input:radio:checked').val(); 
$("input[type='radio']:checked").val(); 
$("input[name='rd']:checked").val();
Salin selepas log masuk

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>
Salin selepas log masuk

相关问答:

1. android - ExpandableListView 点击子列表中的 RadioButton 出现选中状态混乱

2. android - RadioButton 获取状态的问题。

3. java - android底部导航栏用RadioGroup+RadioButton,但是气泡功能怎么实现呢?

【相关推荐】

1. php获取form表单单选按钮和复选框的值

2. jQuery模仿单选按钮选中效果实例代码

Atas ialah kandungan terperinci 单选按钮(RadioButton)常见用法汇总. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan