单选按钮的设置方法:
● 单选按钮,可以利用设置相同的name属性来分组,达到同组内只能选中一个的效果;name相同也方便后面通过name获得单选按钮所有选项的一个数组;
● 男 value的值是传递到后台的值;
可以通过如下,获取value属性的值:
● checked="checked" : 默认选中的单选项:
● document.getElementsByName(name); 对于单选按钮来说,这个可以通过name获取该单选按钮组中的所有项目,得到的是一个数组;数组中的元素是“一个单选按钮组的对象”;可以通过对象的value属性获取该项的值(value);
● sex[0].checked:判断某个单选按钮是否被选中,被选中返回true,否则返回的false;经常用于逻辑判断
完整示例程序:
function show1(){
var sex = document.getElementsByName("sex");
var sexTest;
if (sex[0].checked) {
sexTest = sex[0].value;
}else{
sexTest = sex[1].value;
}
alert(sexTest);
}
效果:
注解:
(1)感觉,单选按钮不习惯用id,而是用相同的name值设定了一个组;id要求唯一(道德约束),所以不用id......?
(2)单选按钮的每一项,姑且可以认为其实一个?“对象”,,,(不知道对不对,但目前可以这样理解)