自动选中复选框[关闭]答案

【问题标题】：Automated Checked the checkbox [closed]自动选中复选框[关闭]
【发布时间】：2021-10-12 20:52:34
【问题描述】：

我正在为过滤工作。我需要这个 JavaScript 解决方案-

当我在输入字段中取值时，复选框会自动选中。

<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>.

【问题讨论】：

请详细描述问题，说明您到目前为止所做的工作，以及您需要准确实现的目标。请考虑添加一个代码示例，以便每个人都了解您做错了什么。
@SarveshChitko 先生，当我在输入字段中获得值时，选中的复选框是自动的。

标签： javascript php html jquery laravel

【解决方案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 必须是唯一的。我在演示示例中更改了您的重复 ID。

【讨论】：