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

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>

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