input 中 radio 对象的使用方法

radio 对象

radio 是单选按钮属性

radio 使用方式

基本使用方式

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

设置默认参数

多选情况下，将name属性设置为不同的值，如基本使用方式中，此时可对两个选择按钮进行同时选择。

<input type="radio" name="radio" value="1" >天
<input type="radio" name="radio1" value="2" >周

单选情况下，将name属性设置为相同的值，此时只能单独选择其中的一个值。

<input type="radio" name="radio" value="1" >男
<input type="radio" name="radio" value="2" >女

设置默认选择对象

在默认状态下，选项按钮是都没有选择的。

使用checked属性，能够在默认状态下选定一个选项为默认选项。

<input type="radio" name="radio1" value="1"  checked="true">天
<input type="radio" name="radio1" value="2" >周

使用input中的属性，对选项框进行设置，如可加入style属性，来设置选项框的形态。

<input type="radio" name="radio1" value="1" style="width:60px" checked="true">天
<input type="radio" name="radio1" value="2" style="width:15px">周

radio对象的数据获取方法

<script type="text/javascript">var scan = $("input[name='radio1']:checked").val();alert("选中的radio的值是：" + scan);
</script>

此时，当选中一个选项按钮时，通过筛选器，选取出所选择的值。

input中radio对象的使用、获取方法相关推荐

JS中数组(Array)、Json对象长度(length)获取方法
JS中数组(Array).Json对象长度(length)获取方法 1.数组 var array = []; var length = array.length; 2.JSON对象 1)方法1: va ...
HTML中DOM对象的属性和方法的层级关系是怎样的？（目录即层次）
HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次) 一.总结一句话总结:目录就是测试题 1.document取得元素(get element)的方式有哪几种? 解答:四种,分别是id ...
jquery 遍历java对象_jquery中object对象循环遍历的方法
一个朋友问对象如何转为数组,当我问他为啥要转得时候,他告诉我,数组可以用js循环遍历,而对象则不可以.其实呢,对象同样可以循环遍历的啊.不用转换也可以循环!说明你对js或者jquery的某些操作不是很 ...
创建健壮的isArray()函数（JavaScript中判断对象类型的种种方法）
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
Android中传递对象的三种方法
Android中,Activity和Fragment之间传递对象,可以通过将对象序列化并存入Bundle或者Intent中进行传递,也可以将对象转化为JSON字符串,进行传递. 序列化对象可以使用Ja ...
input中radio用法
<input type="radio" name="type" runat="server" value="0" ...
JQ中的“对象不支持此方法或属性”
出现这个问题,首先检查代码有没有出问题,如果没出问题,看下你是不是存在大量重复的$("")搜索,重复使用的$("")这句代码,放在变量里,调用变量,就不会有这个 ...
Struts2中 radio标签的详细使用方法
首先在页面中引入struts标签库: <%@ taglib prefix="s" uri="/struts-tags"%> 在JSP页面中创建单选按 ...
django中request对象的属性和方法
1. Request对象方法和属性 request.method:获取请求方法 request.GET or request.POST:获取GET or POST请求参数,字典形式. request. ...

input中radio对象的使用、获取方法