Jquery 获取form表单数据

Posted 2022-11-29 酸辣柠檬粉

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;