Question

我有多个灯箱但只有一个链接

    <label class="btn" for="modal-2">more...</label>

我希望＆＃34; for＆＃34;属性改为＆＃34; modal-3＆＃34;当输入id为＆＃34; id3＆＃34;被选中，以及＆＃34; modal-4＆＃34;什么时候＆＃34; id4＆＃34;被选中等当我改变＆＃34; for＆＃34;手动属性，它的工作原理，但我不想一直改变我的代码只是为了打开另一个模态：D

                   $(document).ready(function() {

                      $("#id3").on("change", function() {
                        if (document.getElementById("id3").checked) {
                          $('.btn').attr('for', 'modal-4');
                        }
                      });
                    });

我已经得到了这个，但这不会奏效。在我的html文件中，我的网站标题有另一个脚本标记。这会影响我的其他脚本吗？

Answer 1

为灯箱使用一个类，例如“lightbox”。

然后你可以写一个函数：

$(document).ready(function() {

    $('.lightbox').on("change", function() {
         if ($(this):is('checked')) {
                     id = $(this).attr('id');
                     num = id.substr(2); // for instance id3 will get you 3
                     $('.btn').attr('for', 'modal-'+num);
                     }
                  });
                });

Answer 2

当你说“选择id为”id3“的输入时，选择”id4“时为”modal-4“，你选择的是什么意思？当id =“id3”的HTML元素的值发生更改时，您提供的代码将执行。这不是你想要的。

改变＆＃34;为＆＃34;选择特定输入时的属性

2 个答案: