JS操作 select checkbox 及radio 几个简单函数记录如下
function getRadioValue(radioName){ var obj = document.getElementsByName(radioName); var objLen= obj.length; var i; for (i = 0;i< objLen;i++){ if (obj [i].checked==true) { return obj [i].value; } } return ""; } //获取复选框的值 function getCheckboxValue(radioName){ var obj = document.getElementsByName(radioName); var objLen= obj.length; var i; var result=""; for (i = 0;i<objLen;i++){ if (obj [i].checked==true) { result+=obj [i].value+","; } } return result; } //复选框 是否处于 选中状态 function CheckboxToChecked(eleName, cValue){ var obj = document.getElementsByName(eleName); var objLen= obj.length; var i; var result=""; for (i = 0;i<objLen;i++){ if (obj [i].value==cValue) { obj [i].checked=true; }else{ obj [i].checked=false; } } return result; } //checkBox至少选中一项 function chkCheckBoxChs(objNam,txt){ var obj = document.getElementsByName(objNam); var objLen= obj.length; var num=0; for (i = 0;i< objLen;i++){ if (obj [i].checked==true) { num++; } } if(num==0){ alert(txt); return false; } return true; }
其他 只读的属性的为 readOnly (注意大小写)
function toReadOnly(ele ,flag){ var obj=document.getElementById(ele); if(obj!=null){ if(flag==0){//可读 obj.readOnly=false; obj.style.backgroundColor="white"; }else{//只读 obj.readOnly=true; obj.value=""; obj.style.backgroundColor="#D8D8D8"; } } }
以下select 是网上转载的
1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item 4.修改select选项中 value="paraValue"的text为"paraText" 5.设置select中text="paraText"的第一个Item为选中 6.设置select中value="paraValue"的Item为选中 7.得到select的当前选中项的value 8.得到select的当前选中项的text 9.得到select的当前选中项的Index 10.清空select的项 ------------------------------------------- //1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect,objItemValue) { var isExit = false; for(var i=0;i<objSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit; } //2.向select选项中 加入一个Item function jsAddItemToSelect(objSelect,objItemText,objItemValue) { //判断是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { alert("该Item的Value值已经存在"); } else { var varItem = new Option(objItemText,objItemValue); // objSelect.options[objSelect.options.length] = varItem; objSelect.options.add(varItem); alert("成功加入"); } } //3.从select选项中 删除一个Item function jsRemoveItemFromSelect(objSelect,objItemValue) { //判断是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { for(var i=0;i<objSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } alert("成功删除"); } else { alert("该select中 不存在该项"); } } //4.修改select选项中 value="paraValue"的text为"paraText" function jsUpdateItemToSelect(objSelect,objItemText,objItemValue) { //判断是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { for(var i=0;i<objSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break; } } alert("成功修改"); } else { alert("该select中 不存在该项"); } } //5.设置select中text="paraText"的第一个Item为选中 function jsSelectItemByValue(objSelect,objItemText) { //判断是否存在 var isExit = false; for(var i=0;i<objSelect.options.length;i++) { if(objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true; isExit = true; break; } } //Show出结果 if(isExit) { alert("成功选中"); } else { alert("该select中 不存在该项"); } } //6.设置select中value="paraValue"的Item为选中 document.all.objSelect.value = objItemValue; //7.得到select的当前选中项的value var currSelectValue = document.all.objSelect.value; //8.得到select的当前选中项的text var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text; //9.得到select的当前选中项的Index var currSelectIndex = document.all.objSelect.selectedIndex; //10.清空select的项 document.all.objSelect.options.length = 0;