html 更改单选按钮旁边的文本

我目前正在一个网站，这是由另一方开发的一部分.这个网站是一个移动的维修店，客户点击设备和维修类型.在此之后，他选择把设备到商店.下面的日期和时间的选择，客户需要选择的商店.
选项1（当前）：Zupthen选项2（当前）：Winterswijk
选项1需要替换为：巴内维尔德。选项2：需要删除。
如何在HTML中更改此？我能够通过检查工具找到当前的HTML。该网站的链接是：https://phonexpert.logistieke-baan.nl/reparatie-aanmelden/?_brand=apple&_type=ipad&_model=3411
Screenshot of the form and the choose of location.的

</div>
                        <div class="ic-select-store">
                            <h3>Welke winkel wil je bezoeken?</h3>
                            <div>
                                <div class="ic-single-store">
                                    <input type="radio" id="first_store" name="selected_store" value="Zutphen">
                                    <label for="first_store">Zutphen</label>
                                </div>
                                <div class="ic-single-store">
                                    <input type="radio" id="second_store" name="selected_store" value="Winterswijk">
                                    <label for="second_store">Winterswijk</label>
                                </div>
                            </div>
                            <p id="error_selected_store"></p>
                        </div>
                        <label for="aggreement" class="ic-checkbox">
                            Ik ga akkoord met de <a class="terms-condition" data-bs-toggle="modal" data-bs-target="#termsCondition">algemene voorwaarden</a>.
                            <input type="checkbox" name="aggreement" id="aggreement">
                            <span class="checkmark"></span>
                            <!-- Button trigger modal -->
                        </label>
                        <br>
                        <button type="button" class="ic-btn-fill ic-form-submit">Aanmelden</button>
                    </div>
                            </div>
        </div>
    </div>
</div>
<!-- form confirmation -->
<div class="modal fade" id="dataSubmitServices" tabindex="-1" aria-labelledby="dataSubmitServicesLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                                    <p>Kan doorgaan met afspraak zonder akkoord te gaan met voorwaarden.</p>
                            </div>
            <div class="modal-footer">
                <button type="button" class="ic-btn-fill gray" data-bs-dismiss="modal">Decline (Annuleren)</button>
                <button type="button" class="ic-btn-fill green ic-form-submit confirm" id="dataSend">Approve (Akkoord)</button>
            </div>
        </div>
    </div>
</div>

字符串
Thins我尝试自己我我尝试使用谷歌检查找到HTML标签/类.我把一个HTML小部件（elementor），我可以粘贴它.

在Bring it yourself输入被勾选后，这将删除第二个div，并更改第一个div的值和文本，因为表单通常在输入被勾选后出现

var deliveryCheckbox = document.querySelector("input[value='bring-your-own']");
deliveryCheckbox.addEventListener("change", function() {
  if (this.checked) {
  var singleStoreDivs = document.querySelectorAll(".ic-single-store");
  for (var i = 0; i < singleStoreDivs.length; i++) {
    if (i === 1) {
      singleStoreDivs[i].remove();
    }
  }
  var firstStoreInput = document.querySelector("#first_store");
  var firstStoreLabel = document.querySelector("label[for='first_store'] font font");
  
  firstStoreInput.value = "Barneveld";
  firstStoreLabel.innerText = "Barneveld";
      
  }
});

个字符

展开查看全部

html 更改单选按钮旁边的文本

1条答案

相关问题

热门标签

最新问答