Question

我有一个带有单选按钮和复选框的表单。在提交之前我有一个textarea我必须显示该textarea中所选的收音机和复选框值。你可以帮我解决这个问题。如何在jquery中做到这一点？

Answer 1

使用:checked psuedoselector获取所有无线电和复选框。然后使用每个语句并将其值附加到文本框中。

$(':checkbox, :radio').change(function() {
    //clear textarea
    $('textarea').val('');

    //for every checked element
    $(':checked').each(function() {
        var $textarea = $('textarea');
        $textarea.val($textarea.val() + $(this).prop('name') + ' = ' + this.value + '\n' );
    });
});

Answer 2

jquery serializeArray方法将以JSON格式返回所有表单元素的数据。

它还将查询字段类型并返回数据，例如

var fields = $(":input").serializeArray();

返回 -

[
  {
    name: "customerName",
    value: "jhonny"
  },
  {
    name: "age",
    value: "29"
  },

  ]

将以json格式返回所有输入字段的数据。您可以解析JSON字符串并在textarea中显示数据。

Jquery serialize API

如何在jquery中提交之前以相同的形式在textarea中显示表单数据

2 个答案: