JavaScript十:表单二:单选按钮

单选按钮的设置方法:

● 单选按钮,可以利用设置相同的name属性来分组,达到同组内只能选中一个的效果;name相同也方便后面通过name获得单选按钮所有选项的一个数组;

男 value的值是传递到后台的值;

可以通过如下,获取value属性的值:

● checked="checked" : 默认选中的单选项:

● document.getElementsByName(name); 对于单选按钮来说,这个可以通过name获取该单选按钮组中的所有项目,得到的是一个数组;数组中的元素是“一个单选按钮组的对象”;可以通过对象的value属性获取该项的值(value);

● sex[0].checked:判断某个单选按钮是否被选中,被选中返回true,否则返回的false;经常用于逻辑判断

完整示例程序:

js

value="文本框默认显示值">


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)单选按钮的每一项,姑且可以认为其实一个?“对象”,,,(不知道对不对,但目前可以这样理解)

[an error occurred while processing the directive]
Copyright © 2088 迷你世界杯_竞猜世界杯 - xhfzmy.com All Rights Reserved.
友情链接