padding: 10px 5px 20px;
position: relative;
position: absolute;
right: 0;
left: 0;
height: ...;
background: url(...) center right no-repeat;
<input type="text" placeholder="имя" name="nameInput"/>
<input type="text" placeholder="работа" name="jobInput"/>
<input type="text" value="имя" name="nameInput"/>
<input type="text" value="работа" name="jobInput"/>
$("form").submit(function(event) {
event.preventDefault();
var data = $(this).serializeArray(),
thisForm = $(this),
thisBtn = thisForm.find("button");
data.push({name: 'my_input', value: 'test'}); // Добавить поле
$.ajax({
url: 'php/main.php',
type: 'POST',
data: data,
success: function (data) {
console.log('Успешно отправлено');
},
error: function (data) {
console.error('Произошла ошибка');
}
});
});
const checkBoxAll = () => {
$(":checkbox").styler();
let checked = false;
$(".userProfile__select-All-Titles").click(function () {
if (checked) {
countCheckedInputs();
checked = false;
} else {
$(":checkbox").each(function () {
$(this).prop("checked", true).trigger("refresh");
});
checked = true;
countCheckedInputs();
}
return false;
});
$(".userProfile__delBTN").click(function () {
$(":checkbox").each(function () {
$(this).prop("checked", false).trigger("refresh");
});
checked = false;
countCheckedInputs();
});
};
checkBoxAll();
const countCheckedInputs = () => {
let checkedInput = $(".checked").length;
console.log(checkedInput);
if (checkedInput > 0) {
$(".userProfile__delBTN").addClass("userProfile__delBTN_active");
} else {
$(".userProfile__delBTN").removeClass("userProfile__delBTN_active");
}
};
$(".jq-checkbox").on("click", function () {
countCheckedInputs();
});