当前位置: 首页 > 工具软件 > jQuery.form > 使用案例 >

Jquery 获取form表单数据

江德海
2023-12-01

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;

    }

 类似资料: