Автоматизировано Флажок установлен [закрыто]

avatar
Hridoy Krisna Das
9 августа 2021 в 05:49
68
1
-2

Я работаю над фильтрацией. Мне нужно решение JavaScript для этого-

Когда я беру какое-либо значение в поле ввода, флажок устанавливается автоматически.

image example

<div class="form-check  col-md-3 mb-2 px-1">
        <input type="checkbox" name="check_out" class="checkout_box form-check-input ms-0" id="checkout_box">
                <label class="form-check-label" for="checkout_box">Check Out</label>
        <input type="text" name="check_out" class="check_out form-control" autocomplete="off" id="check_out" required="true">
      </div>
            <div class="form-check col-md-2 mb-2 px-1">
                <input type="checkbox" name="booking_type" class="booking_type form-check-input mr-2 ms-0" id="booking_type">
                <label class="form-check-label mr-0 ml-0" for="booking_type">Booking Type</label>
                <select name="booking_type" onchange="booking_typef(value)" class="form-select mr-0 type_id" id="booking_type">
                        <option value="">Booking Type</option>
                        <option value="package">Package</option>
                        <option value="bungalow">Bungalow</option>
                        <option value="room">Room</option>
                </select>
            </div>.
Источник
Sarvesh Chitko
9 августа 2021 в 05:58
0

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

Hridoy Krisna Das
9 августа 2021 в 06:04
0

@SarveshChitko, сэр, когда я получаю значение в поле ввода, флажок установлен автоматически.

Ответы (1)

avatar
4b0
9 августа 2021 в 06:03
1

При изменении выпадающего списка вы можете снять отметку со значения флажка. Снимите флажок, если раскрывающееся значение пусто, в противном случае установите флажок. 

$("#booking_type1").on('change', function() {
  var chk = !$(this).val() == "" ? $("#booking_type").prop("checked", true) : $("#booking_type").prop("checked", false);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-check col-md-2 mb-2 px-1">
  <input type="checkbox" name="booking_type" class="booking_type form-check-input mr-2 ms-0" id="booking_type">
  <label class="form-check-label mr-0 ml-0" for="booking_type">Booking Type</label>
  <select name="booking_type" class="form-select mr-0 type_id" id="booking_type1">
    <option value="">Booking Type</option>
    <option value="package">Package</option>
    <option value="bungalow">Bungalow</option>
    <option value="room">Room</option>
  </select>
</div>.

Примечание. ID должен быть уникальным. Я меняю ваш повторяющийся идентификатор на демонстрационном примере.