测试例子如下:
<html> <head> <title>测试</title> </head> <script type="text/javascript"> function loadOption(ids){ var all_options = document.getElementById("test").options; for(i=0;i<all_options.length;i++){ if(all_options[i].value == ids){ all_options[i].selected = true; } } } function onSave(){ var obj = document.getElementById("test"); //定位id var index = obj.selectedIndex; //选中索引 var text = obj.options[index].text; //选中文本 var value = obj.options[index].value; //选中值 alert(index +"||"+text +"||"+value ); } function onRadio(){ var radios = document.getElementsByName("sex"); var value; for(var i=0;i<radios.length;i++){ if(radios[i].checked == true){ value = radios[i].value; } } alert(value); } function loadRadio(id){ var radios = document.getElementsByName("sex"); var value; for(var i=0;i<radios.length;i++){ if(radios[i].value == id){ radios[i].checked = true; } } } function onCheckbox(){ var obj = document.getElementsByName("only"); //var check_val = []; //for(k in obj){ // if(obj[k].checked) // check_val.push(obj[k].value); //} // alert(check_val); var value = ""; for(var i=0;i<obj.length;i++){ if(obj[i].checked == true){ value +=obj[i].value+"," } } alert(value.substring(0, value.lastIndexOf(','))); } function loadCheckbox(id){ id = "1,2,3" var obj = document.getElementsByName("only"); for(var i=0;i<obj.length;i++){ for(j in id){ if(obj[i].value == id[j]){ alert(obj[i].value+"||"+id[j]+"||"+obj[i].checked); obj[i].checked = true; } } } } </script> <!--οnlοad="loadOption(3);||loadRadio(1)||loadCheckbox(1,2)"--> <body οnlοad="loadCheckbox(1,2);"-> <form id="form1" name="form1" action="#"> <div> <select id="test" style="width:100px;height:30px;"> <option id="sel" value="">--请选择--</option> <option id="sel" value="1">是</option> <option id="sel" value="2">否</option> <option id="sel" value="3">其他</option> </select> <button id="test1" name="test" onClick="onSave();" />测试 </div> <br> <div> <input type="radio" id="sex1" name="sex" value="1">男<input type="radio" name="sex" id="sex2" value="2">女 <button id="test2" name="test2" onClick="onRadio();" />测试radio </div> <br> <div> <input type="checkbox" name="only" id="only1" value="1">一次 <input type="checkbox" name="only" id="only2" value="2">二次 <input type="checkbox" name="only" id="only3" value="3">三次 <input type="checkbox" name="only" id="only4" value="4">四次 <button id="test3" name="test3" onClick="onCheckbox();"/>测试checkbox </div> </form> </body> </html>