欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-18 13:48:48
...
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

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

由于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>

相关问答:

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

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

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

【相关推荐】

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

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

以上就是单选按钮(RadioButton)常见用法汇总的详细内容,更多请关注其它相关文章!