第十一章《文档对象》.ppt

单选按钮在表单内一般以一组多个的方式存在，供浏览者在组中选择其中之一。注意：属于同一组的单选按钮必须共享相同的名称。 使用value属性，可获得或设置单选按钮的数据 使用checked属性可获得或设置单选按钮选中或不选中的状态。 单选按钮元素的访问 script function doSearch() { //…… } /script …… form action=search id=search_form method=get 有哪些信誉好的足球投注网站input id=option_all name=type type=radio value=all /全部 input id=option_topic name=type type=radio value=topic /帖子 input id=option_blog name=type type=radio value=blog /博客 input id=option_news name=type type=radio value=news /新闻 input id=option_group_topic name=type type=radio value=group_topic /圈子 input id=“option_user” name=“type” type=“radio” value=“user” /会员 br / input type=button name=btn value=有哪些信誉好的足球投注网站 onclick=doSearch(); / /form 单选按钮元素的访问示例 function doSearch() { var selectedType; var radios = document.getElementById(search_form).elements[type]; for(var i=0;iradios.length;i++) { if(radios[i].checked) { selectedType = radios[i].value; break; } } if(selectedType==undefined) { window.alert(你没有选择要有哪些信誉好的足球投注网站的类型); } else { window.alert(你选择的有哪些信誉好的足球投注网站类型是：+selectedType); } } 复选框元素的访问与单选按钮组类似。 注意：一组复选框有可能被用户选中多个，即使它们同名。 复选框元素的访问 form id=frm_1 name=frm_mail action= method=post table border=1 tr thinput type=checkbox title=选中/取消选中 onclick=selectAll(this.checked);//th th发件人/thth主题/th /tr tr tdinput type=checkbox name=mailid value=zc0000a84//td td某人/tdtd某事/td /tr tr tdinput type=checkbox name=mailid value=xa0034a3c//td td某人/tdtd某事/td /tr …… /table /form 复选框元素的访问示例 script function selectAll(flag) { var chks = document.forms[frm_mail].elements[mailid]; for(var i=0;ichks.length;i++) { chks[i].checked = flag; } } /script select/select标签内部的所有option/option标签构成了列表框元素的选项集合，由列表框元素的options表示。 options集合包含length属性可以获得或设置选项的个数，add()可向列表框中添加新的选项，remove()方法则用于从列表框中移除已有的选项。 列表框元素的selectedIndex属性可以获得或设置被选中的选项的索引号。 option/option标签被脚本视为选项对象。选项对象包含text属性，value属性。某个选项是否被选中，可由它的selected属性来获得或设置。 列表框元素的访问 form 科目： select name=sltSubjects option value=请选择/option /select input type=button name=btn value=移除选中的项 onclick=removeCurrentOption()