内容发布更新时间 : 2024/12/26 18:13:31星期一 下面是文章的全部内容请认真阅读。

★精品文档★

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