我在blade中有几个fieldsets，每个字段集都有相同的input和select字段和一个保存按钮

<div class="unit_box">
<input class="form-control {{ $errors->has('target_value') ? 'is-invalid' : '' }}" type="text" name="target_value" id="target_value" placeholder="{{ trans('cruds.validationRule.fields.target_value') }}" value="{{ old('target_value', '') }}">

<select class="form-control {{ $errors->has('unit') ? 'is-invalid' : '' }}" name="unit" id="unit" required>
    <option value disabled {{ old('unit', null) === null ? 'selected' : '' }}>{{ trans('global.pleaseSelect') }}</option>
    @foreach(App\Models\ValidationRule::UNIT_SELECT as $key => $label)
    <option value="{{ $key }}" {{ old('unit', 'g') === (string) $key ? 'selected' : '' }}>{{ $label }}</option>
    @endforeach
</select>

<button class="next action-button" type="button" name="next" data-gotostep="3" data-unit="" data-value="">Save</button>

如何发送输入字段target_value的值和按钮属性data-unit="" data-value=""中unit的值，以便在jQuery函数中使用它们？