单选框和复选框的js取值判断.docVIP

js中radio的取值 Radio 是 HTML 中的单选框，同一个 form 中，name 相同的 Radio 构成一组，这一组中最多只允许有一个 Radio 被选中。 如果将 form 提交到服务器端 ASP 程序，ASP 程序要获得用户选择的那个 Radio 的 value 是非常方便的，用 request.Form(RadioName)，不必理会有几个 Radio。 但在 JS(JavaScript) 中就要复杂多了，我们不能像对其它元素（如：文本框）一样，使用 formid.objName.value 来取值，我们应该循环这个组的 Radio，判断其 checked 属性，再取值。 为了方便使用javascript获取radio的值，我写了一个通用的函数来实现： function GetRadioValue(RadioName){var obj; obj=document.getElementsByName(RadioName);if(obj!=null){var i;for(i=0;iobj.length;i++){if(obj[i].checked){return obj[i].value; }}}return null;} 比如，我们有一个name属性为：“myradio”的单选控件组，要得到选中的值，只需这样调用就可以了： var RValue; RValue=GetRadioValue(myradio); 如果没有给出的radioname控件，则直接返回null，或者这一组控件没有被选择的项，则也返回null。 单选框和复选框的js取值判断 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / style type=text/css media=all label{ cursor:pointer; font-size:12px; margin:0px 2px 0px 0px; color:#2B86BD; } .d0{ margin-bottom:30px; } .d0 input{ cursor:pointer; margin:0px; padding:0px 2px; } /style script language=javascript type=text/javascript var dr=document.getElementsByTagName(div),i,t=; function submit1(num,type){ t=; var dri=dr[num].getElementsByTagName(input); for(i=0;idri.length;i++){ if(dri[i].checked){ if(type==0){ alert(dri[i].value); break; }else{ t=t+dri[i].value+;; } } } if(type==1) alert(t); } //ChangeSelect submit1.allselect=function(){ var drc=dr[1].getElementsByTagName(input); for(i=0;idrc.length;i++){ drc[i].checked=true; } } //allNot submit1.allNot=function(){ var drc=dr[1].getElementsByTagName(input); for(i=0;idrc.length;i++){ drc[i].checked=false; } } //reverse submit1.reverseSelect=function(){ var drc=dr[1].getElementsByTagName(input); for(i=0;idrc.length;i++){ if(drc[i].checked){ drc[i].checked=false; }else{ drc[i].checked=true; } } } /script titlejs获取单选框、复选框的值及操作/title /head body div class=d0 input type=radio name=day id=r0 value=前天/label for=r0前天/label inpu