指点成金-最美分享吧

登录

Jquery 获取form表单数据

佚名 举报

篇首语:本文由小编为大家整理,主要介绍了Jquery 获取form表单数据相关的知识,希望对你有一定的参考价值。

1.获取checkbox的值

var values =[];

 $("input[name="name"]:chedked").each(function()

     values.push($(this).val());

)

2.获取select

$("#selectname").val();

$("#selectname").find("option:selected").val();

3.获取radio的值

$("input[name="radio"]:checked").val();

$("input:radio:checked").val();

$("input[type="radio"]:checked").val();

4.直接获取form数据

$(#form).serialize();

$("#form").serializeArray();  
--------------------------------------------------

serializeArray()  示例:

      let data = ;
      let value = $("#addDataSourceForm").serializeArray();
      $.each(value, function (index, item)
             data[item.name] = item.value;
        );
      let json = JSON.stringify(data);
      console.log("json : ",json);
     /**
      * 输出:"name":"asd","type":"1"
     */
————————————————

5.checkbox检查

   5.1 检查有没有选择多选框的任何一个

    function selected() 

        var flag = false;

        $(".childs").each(function () 

            if ($(this).prop("checked")) 

                flag = true;

                return;

            

        );

        return flag;

    

   5.2  获取多选checkbox的内容

    function getAids() 

        var aids = new Array();

        $(".childs").each(function () 

            if ($(this).prop("checked")) 

                aids.push($(this).val());

            

        );

        return aids;

    

以上是关于Jquery 获取form表单数据的主要内容,如果未能解决你的问题,请参考以下文章