Скрыть / отобразить элемент формы (массив) в цикле Php и объединить значение флажка с полем ввода перед ним

Question

Я работаю над распределением студенческих проектов.

Супервайзерам разрешается выбирать свою область интересов, для которой они должны будут указать количество студентов, которых они хотят, для каждой области интересов.

У меня есть функция с именем getFieldsToUsers, которая заполняет тело таблицы, как показано ниже:

Вот код:

function getFieldsToUsers()
{

    $output = "";
    $con = connect(); //MYSQLI database connection
    $query = $con->query("SELECT * FROM field_of_interests");
    $sn = 1;
    while ($row = $query->fetch_assoc()) {
        $id = $row['id'];
        $output .= '
        <tr>
        <td width="30">
        <input id="optionsCheckbox" class="uniform_on" name="selector[]" type="checkbox" 
        value="' . $id . '">
        </td>
        <td>' . $row['name'] . '</td>
        <td><input type="number" required value ="0" name="no[]" class="uniform_on" placeholder="Enter number of students"/></td>
        </tr>';
    }
    return $output;

}

Я хочу, чтобы при установке флажка этот элемент ввода отображался в скрытом виде.Кроме того, я не знаю, как я мог бы сделать это таким образом, чтобы, если флажок установлен, он автоматически объединял значение поля (Количество студентов) с идентификатором field_of_interests.То есть, если я выбрал «Машинное обучение», он распознает значение поля ввода перед ним.