Подскажите, как можно сделать скрипт универсальным? При выборе чекбоксов с классом categorys значение value записываются в input c id result1. И для второй партии input нужно писать ещё один скрипт, но с другими классами categorys2 c id result2. Можно ли как-то сделать, чтобы у каждой партии чекбоксов был свой input, но при этом было всё в рамках одного скрипта? Чтобы классы и id подставлялись автоматически по клику или что-то в этом духе...
function json(obj){
let json = {
id: [],
};
$('input[class="categorys"]:checked').each(function(){
json.id.push(Number($(this).val()));
});
inp = document.querySelector("#result1");
inp.value = JSON.stringify(json);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="categorys" onClick="json()" value="1" type="checkbox">
<input class="categorys" onClick="json()" value="2" type="checkbox">
<input class="categorys" onClick="json()" value="3" type="checkbox">
<input class="form-control" name="category" id="result1" value=""/>
<input class="categorys2" onClick="json()" value="1" type="checkbox">
<input class="categorys2" onClick="json()" value="2" type="checkbox">
<input class="categorys2" onClick="json()" value="3" type="checkbox">
<input class="form-control" name="category" id="result2" value=""/>