★精品文档★
js表单处理中单选、多选、选择框值获取
及表单序列化
本文总结了下在表单处理中单选、多选、选择框值的获取及表单的序列化,写成了一个对象。如下: var formUtil = {
// 获取单选按钮的值,如有没有选的话返回null // elements为radio类的集合的引用 getRadioValue:function(elements) { var value = null; // null表示没有选中项
// 非IE浏览器
if(elements.value
!=
undefined
&& elements.value != ‘‘) { value = elements.value; } else { // IE浏览器
for(var i = 0, len = elements.length; i < len; i++ ) {
if(elements[i].checked) { value = elements[i].value; break; }
2016全新精品资料-全新公文范文-全程指导写作 –独家原创
1 / 9
★精品文档★
} }
return value; },
// 获取多选按钮的值,如有没有选的话返回null // elements为checkbox类型的input集合的引用
getCheckboxValue:function(elements) { var arr = new Array();
for(var i = 0, len = elements.length; i < len; i++ ) {
if(elements[i].checked) {
arr.push(elements[i].value); } }
if(arr.length 0) { return arr.join(‘,’); } else {
return null; // null表示没有选中项 } },
// 获取下拉框的值
2016全新精品资料-全新公文范文-全程指导写作 –独家原创
2 / 9
★精品文档★
// element为select元素的引用 getSelectValue:function(element) { if(element.selectedIndex == -1) { return null; // 没有选中的项时返回null
};
if(element.multiple) { // 多项选择
var arr = new Array(), options = element.options;
for(var i = 0, len = options.length; i < len; i++) {
if(options[i].selected) { arr.push(options[i].value); } }
return arr.join(“,”); }else{ // 单项选择
return
element.options[element.selectedIndex].value; }
2016全新精品资料-全新公文范文-全程指导写作 –独家原创
3 / 9